MarkDown最直观的帮助文档

有很多前辈已经写过MD的帮助文档，但是发现都不怎么好用，也不直观，所有参考CSDN中写博客的帮助文档再结合自己的使用心得总结一下，供各位参考；

快捷键（CSDN中）

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G

标题

# 1级标题

## 2级标题

### 3级标题

#### 四级标题 
 
##### 五级标题  

###### 六级标题

1级标题

2级标题

3级标题

四级标题

五级标题

六级标题

文本样式

上一行“文本样式”的样式生成：文字换行后添加英文链接符-，一个或多个

文本样式
-

显示空格（控制缩进）：手动输入空格 （&nbsp；注意该分号为因为分号）或使用全角空格

 

 

分割线:三个*或三个_都可以
***
___

---

---

*强调文本* _强调文本_

强调文本 强调文本

**加粗文本** __加粗文本__

加粗文本 加粗文本

==标记文本==

标记文本

~~删除文本~~

删除文本

> 引用文本

引用文本

H~2~O is是液体。

H₂O is是液体。

2^10^ 运算结果是 1024。

2¹⁰ 运算结果是 1024。

列表

- * + 都可以形成无序列表，没有主次之分，若需要退格，则添加tab
- 项目
  * 项目
    + 项目

• 项目
  • 项目
    • 项目

有序列表，阿拉伯数字加点加空格形成，阿拉伯数字的顺序非严格，MD会自动更正
1. 项目1
2. 项目2
4. 项目3

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

选择框

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

• 计划任务
• 完成任务

链接

链接: [link](https://mp.csdn.net).

链接: link.

图片

图片: ![Alt](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg)

图片:

带尺寸的图片:

![Alt](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg =30x30)

居中的图片:

![Alt](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg#pic_center)

居中并且带尺寸的图片:

![Alt](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg#pic_center =30x30)

代码片

1. 通过tab键标记代码片段；

2. 通过 ` 标记代码片段

   `内联代码片`
   内联代码片

3. 通过```标记代码片段

   ```
   // A code block
   var foo = ‘bar’;
   ```

   // A code block
   var foo = 'bar';
   

   ```javascript
   // An highlighted block
   var foo = ‘bar’;
   ```

   // An highlighted block
   var foo = 'bar';
   

表格

项目     | Value
-------- | -----
电脑  | $1600
手机  | $12
导管  | $1

项目	Value
电脑	$1600
手机	$12
导管	$1

| Column 1 | Column 2      |
|:--------:| -------------:|
| centered 文本居中 | right-aligned 文本居右 |

Column 1	Column 2
centered 文本居中	right-aligned 文本居右

自定义列表

Markdown
:  Text-to-HTML conversion tool

Authors
:  John
:  Luke

Markdown

Text-to- HTML conversion tool

Authors

John

Luke

注脚

一个具有注脚的文本。[^1]
[^1]: 注脚的解释

一个具有注脚的文本。¹

注释

Markdown将文本转换为 HTML。
*[HTML]:   超文本标记语言

Markdown将文本转换为 HTML。

LaTeX 数学公式

Gamma公式展示 $\Gamma (n)=(n-1)!\forall n\in \mathbb{N}$ 是通过 Euler integral

$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$

$$\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
```

---

1. 注脚的解释 ↩︎