CSDN的md示例模板

---

快捷键

撤销：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级标题

四级标题

五级标题

六级标题

---

文本样式

• 源码

	*强调文本* _强调文本_
	
	**加粗文本** __加粗文本__
	
	==标记文本==
	
	~~删除文本~~
	
	> 引用文本
	
	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://mp.csdn.net).
	图片: ![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)

• 效果

链接: link.

图片:

带尺寸的图片:

居中的图片:

居中并且带尺寸的图片:

---

代码片

• 源码

	下面展示一些 `内联代码片`。
	
	```
	// A code block
	var foo = 'bar';
	```
	
	```javascript
	// An highlighted block
	var foo = 'bar';
	```

• 效果

下面展示一些 内联代码片。

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

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

---

表格

• 源码

	项目     | Value
	-------- | -----
	电脑  | $1600
	手机  | $12
	导管  | $1
	
	| Column 1 | Column 2      |
	|:--------:| -------------:|
	| centered 文本居中 | right-aligned 文本居右 |

• 效果

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

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)!\quad\forall
	n\in\mathbb N$ 是通过 Euler integral
	
	$$
	\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
	$$

• 效果

Gamma公式展示 $\Gamma (n)=(n-1)!\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
	```

• 效果

---

1. 注脚的解释 ↩︎