Markdown语法速览

本文是在CSDN Markdown帮助的基础上，加以整理、修改而成，并添加了编辑时，输入端、显示端的对比。以求最终成文的观感，更加直观，便于查阅。

一、快捷键

---

撤销：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级标题
#### 4级标题
##### 5级标题
###### 6级标题

1级标题

2级标题

3级标题

4级标题

5级标题

6级标题

三、文本样式

---

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

强调文本 强调文本
加粗文本 加粗文本
标记文本
删除文本

引用文本
H₂O is是液体。
2¹⁰ 运算结果是 1024。

四、列表

---

- 项目
* 项目
+ 项目
1. 项目1
2. 项目2
3. 项目3
- [ ] 计划任务
- [x] 完成任务

• 项目

• 项目

• 项目

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

• 计划任务
• 完成任务

五、链接

---

链接: [link](https://www.csdn.net/).
图片: 
![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw?x-oss-process=image/format,png)
带尺寸的图片: 
![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw?x-oss-process=image/format,png# =30x30)

链接: link.
图片:

带尺寸的图片:

六、代码片

---

1. 代码片必须手动声明代码语言类型

2. 目前支持代码类型: markup、html、svg、xml、c、clike、cpp、csharp、java、vbnet、go、ruby/rb、python/py、php、sql、perl、objectivec、swift、javascript/js、css、handlebars、bash、kotlin

3. 代码片主题
   默认主题为：Atom One Dark
   可以前往 写作中心/博客设置 在代码片样式项进行更改

4. 默认类型代码片

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

   显示效果：

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

5. javascript 类型代码片

    ```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 文本居右

八、注脚

---

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

一个具有注脚的文本。¹

九、注释

---

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

Markdown将文本转换为 HTML。

十、甘特图

---

```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
Title:一个早上
张三 ->> 李四: 李叔, 早上好！最近怎么样?
李四-->> 张三: 还不错。
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
```

版权声明：本文未经允许，不得转载。

---

1. 注脚的解释 ↩︎