notepad++使用markdown

落日映苍穹つ 2023-10-04 21:47 8阅读 0赞

## **安装markdown插件** ##

打开notepad++，选择“插件->插件管理”，如下图，在可用插件中勾选“MarkdownViewer++”(Markdown Panel只可以浏览markdown)，点击“安装”即可，此时会自动重启Notepad++，重启后就可以使用了！

(要多操作几次才能成功)

![1e8f920860f34bb4a7c89b38292e66ba.png][]

安装完后，查看已安装的插件。

![58c6ce5e23834906ac721f3f4b4ac7a6.png][]

有时不能显示Markdown语法高亮，需要在语言中进行设置Markdown。

目前notepad++所支持的Markdown功能有限，显示效果也很一般。

## **验证markdown插件功能** ##

下图中可以看到安装完后，工具栏最右端有个Markdown的快捷按钮，点击该按钮可以查看Markdown效果，不过似乎没法同步更新，需要按该按钮关掉显示效果，再按一次打开才能更新显示效果。

![00a6c8932e1140f882bee00488bdcd44.png][]

在本地新建一个尾缀名为.md的文件，将下述**Markdown语法**中的内容复制到该文件中，然后点击Markdown的快捷按钮查看Markdown的渲染图。

## **Markdown语法** ##

可以参考[Markdown基本语法][Markdown]，当然也可以参考CSDN的语法帮助文档。

标题
 ---------------------------
 # 1级标题
 ## 2级标题
 ### 3级标题
 #### 四级标题 
 ##### 五级标题 
 ###### 六级标题
 
 -------------------------------------
 
 字体颜色 Font colors
 Test，效果为Test。
 或者是
 Test，效果为Test。
 修改字体颜色，选择16进制颜色值，例如：
 Test，效果为Test。
 或者是
 Test，效果为Test。
 背景颜色 Background color
 修改背景颜色，选择颜色名称，例如：
 Test
 Test
 或者是
 Test
 Test
 修改背景颜色，选择16进制颜色值，例如：
 Test
 Test
 或者是
 Test
 Test
 ————————————————
 
 文本样式
 ---------------------------
 *强调文本* _强调文本_
 **加粗文本** __加粗文本__
 ==标记文本==
 ~~删除文本~~
 > 引用文本
 H~2~O is是液体。
 2^10^ 运算结果是 1024。
 
 列表
 ---------------------------
 - 项目
 * 项目
 + 项目
 
 1. 项目1
 2. 项目2
 3. 项目3
 
 - [ ] 计划任务
 - [x] 完成任务
 
 
 链接
 ---------------------------
 
 链接: [link](https://mp.csdn.net).
 图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)
 
 带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)
 
 居中的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)
 
 居中并且带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center =30x30)
 
 
 代码片
 ---------------------------
 下面展示一些 `内联代码片`。
 (```) // 注：为了防止转译，实际中去掉两边小括号即可!
 // A code block
 var foo = 'bar';
 (```) // 注：为了防止转译，实际中去掉两边小括号即可!
 
 ```javascript
 // An highlighted block
 var foo = 'bar';
 (```) // 注：为了防止转译，实际中去掉两边小括号即可!
 
 表格
 ---------------------------
 项目 | Value
 -------- | -----
 电脑 | $1600
 手机 | $12
 导管 | $1
 
 | Column 1 | Column 2 |
 |:--------:| -------------:|
 | centered 文本居中 | right-aligned 文本居右 |
 
 自定义列表
 ---------------------------
 Markdown
 : Text-to-HTML conversion tool
 
 Authors
 : John
 : Luke
 
 注脚
 ---------------------------
 一个具有注脚的文本。[^1]
 
 [^1]: 注脚的解释
 
 注释
 ---------------------------
 Markdown将文本转换为 HTML。
 
 *[HTML]: 超文本标记语言
 
 LaTeX 数学公式
 ---------------------------
 Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
 n\in\mathbb N$ 是通过 Euler integral
 
 $$
 \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
 $$
 
 插入甘特图
 ---------------------------
 ```mermaid
 gantt
 dateFormat YYYY-MM-DD
 title Adding GANTT diagram functionality to mermaid
 section 现有任务
 已完成 :done, des1, 2014-01-06,2014-01-08
 进行中 :active, des2, 2014-01-09, 3d
 计划中 : des3, after des2, 5d
 （```） // 注：为了防止转译，实际中去掉两边小括号即可!
 
 
 插入UML图
 ------------
 ```mermaid
 sequenceDiagram
 张三 ->> 李四: 你好！李四, 最近怎么样?
 李四-->>王五: 你最近怎么样，王五？
 李四--x 张三: 我很好，谢谢!
 李四-x 王五: 我很好，谢谢!
 Note right of 王五: 李四想了很长时间, 文字太长了 不适合放在一行.
 
 李四-->>张三: 打量着王五...
 张三->>王五: 很好... 王五, 你怎么样?
 (```) // 注：为了防止转译，实际中去掉两边小括号即可!
 
 插入Mermaid流程图
 --------
 ```mermaid
 graph LR
 A[长方形] -- 链接 --> B((圆))
 A --> C(圆角长方形)
 B --> D{菱形}
 C --> D
 (```) // 注：为了防止转译，实际中去掉两边小括号即可!
 
 插入Flowchart流程图
 -------
 ```mermaid
 flowchat
 st=>start: 开始
 e=>end: 结束
 op=>operation: 我的操作
 cond=>condition: 确认？
 
 st->op->cond
 cond(yes)->e
 cond(no)->op
 (```) // 注：为了防止转译，实际中去掉两边小括号即可!

[1e8f920860f34bb4a7c89b38292e66ba.png]: https://img-blog.csdnimg.cn/img_convert/1e8f920860f34bb4a7c89b38292e66ba.png
[58c6ce5e23834906ac721f3f4b4ac7a6.png]: https://img-blog.csdnimg.cn/img_convert/58c6ce5e23834906ac721f3f4b4ac7a6.png
[00a6c8932e1140f882bee00488bdcd44.png]: https://img-blog.csdnimg.cn/img_convert/00a6c8932e1140f882bee00488bdcd44.png
[Markdown]: https://www.jianshu.com/p/191d1e21f7ed