wordress好用的markDown插件 markdown插件怎么用

安装markdown插件

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

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

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

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

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

验证markdown插件功能

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

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

Markdown语法

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

标题
---------------------------
# 1级标题
## 2级标题
### 3级标题
#### 四级标题 
##### 五级标题  
###### 六级标题

-------------------------------------

字体颜色 Font colors
<font color=Blue>Test</font>，效果为Test。
或者是
<font color="Blue">Test</font>，效果为Test。
修改字体颜色，选择16进制颜色值，例如：
<font color=#0000FF>Test</font>，效果为Test。
或者是
<font color=#"0000FF">Test</font>，效果为Test。
背景颜色 Background color
修改背景颜色，选择颜色名称，例如：
<font style=background:red>Test</font>
<font style="background:red">Test</font>
或者是
<span style=background:red>Test</span>
<span style="background:red">Test</span>
修改背景颜色，选择16进制颜色值，例如：
<font style=background:#FF0000>Test</font>
<font style="background:#FF0000">Test</font>
或者是
<span style=background:#FF0000>Test</span>
<span style="background:#FF0000">Test</span>
————————————————

文本样式
---------------------------
*强调文本* _强调文本_
**加粗文本** __加粗文本__
==标记文本==
~~删除文本~~
> 引用文本
H~2~O is是液体。
2^10^ 运算结果是 1024。

列表
---------------------------
- 项目
  * 项目
    + 项目

1. 项目1
2. 项目2
3. 项目3

- [ ] 计划任务
- [x] 完成任务


链接
---------------------------

链接: [link]().
图片: ![Alt]()

带尺寸的图片: ![Alt]( =30x30)

居中的图片: ![Alt](#pic_center)

居中并且带尺寸的图片: ![Alt](#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 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.

李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?
(```) // 注：为了防止转译，实际中去掉两边小括号即可!

插入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
(```) // 注：为了防止转译，实际中去掉两边小括号即可!