csdn新版MarkDown使用說明
目錄：
一、基本語法
二、生成列表，表格
三、生成註釋，數學公式，甘特圖
四、生成UML圖示
五、生成FLowChart流程圖
六、匯出與匯入
一、基本語法
@[TOC](這裡寫自定義目錄標題)
## 合理的建立標題，有助於目錄的生成
直接輸入1次<kbd>#</kbd>，並按下<kbd>space</kbd>後，將生成1級標題。
輸入2次<kbd>#</kbd>，並按下<kbd>space</kbd>後，將生成2級標題。
以此類推，我們支援6級標題。有助於使用`TOC`語法後生成一個完美的目錄。
## 如何改變文字的樣式
*強調文字* _強調文字_
**加粗文字** __加粗文字__
==標記文字==
~~刪除文字~~
> 引用文字
H~2~O is是液體。
2^10^ 運算結果是 1024.
## 插入連結與圖片
連結: [link](https://mp.csdn.net).
圖片: 
帶尺寸的圖片: 
二、生成程式碼片，表格，列表
## 如何插入一段漂亮的程式碼片
去[部落格設定](https://mp.csdn.net/configure)頁面，選擇一款你喜歡的程式碼片高亮樣式，下面展示同樣高亮的 `程式碼片`.
```javascript
// An highlighted block
var foo = 'bar';
```
## 生成一個適合你的列表
- 專案
- 專案
- 專案
1. 專案1
2. 專案2
3. 專案3
- [ ] 計劃任務
- [x] 完成任務
## 建立一個表格
一個簡單的表格是這麼建立的：
專案 | Value
-------- | -----
電腦 | $1600
手機 | $12
導管 | $1
### 設定內容居中、居左、居右
使用`:---------:`居中
使用`:----------`居左
使用`----------:`居右
| 第一列 | 第二列 | 第三列 |
|:-----------:| -------------:|:-------------|
| 第一列文字居中 | 第二列文字居右 | 第三列文字居左 |
### SmartyPants
SmartyPants將ASCII標點字元轉換為“智慧”印刷標點HTML實體。例如：
| TYPE |ASCII |HTML
|----------------|-------------------------------|-----------------------------|
|Single backticks|`'Isn't this fun?'` |'Isn't this fun?' |
|Quotes |`"Isn't this fun?"` |"Isn't this fun?" |
|Dashes |`-- is en-dash, --- is em-dash`|-- is en-dash, --- is em-dash|
## 建立一個自定義列表
Markdown
: Text-to-HTML conversion tool
Authors
: John
: Luke
三、生成註釋，數學公式，甘特圖
## 如何建立一個註腳
一個具有註腳的文字。[^2]
[^2]: 註腳的解釋
## 註釋也是必不可少的
Markdown將文字轉換為 HTML。
*[HTML]: 超文字標記語言
## KaTeX數學公式
您可以使用渲染LaTeX數學表示式 [KaTeX](https://khan.github.io/KaTeX/):
Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通過尤拉積分
$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$
> 你可以找到更多關於的資訊 **LaTeX** 數學表示式[here][1].
## 新的甘特圖功能，豐富你的文章
```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
計劃二 : des4, after des3, 5d
```
四、生成UML圖示
## UML 圖表
可以使用UML圖表進行渲染。 [Mermaid](https://mermaidjs.github.io/). 例如下面產生的一個序列圖：:
```mermaid
sequenceDiagram
張三 ->> 李四: 你好！李四, 最近怎麼樣?
李四-->>王五: 你最近怎麼樣，王五？
李四--x 張三: 我很好，謝謝!
李四-x 王五: 我很好，謝謝!
Note right of 王五: 李四想了很長時間, 文字太長了<br/>不適合放在一行.
李四-->>張三: 打量著王五...
張三->>王五: 很好... 王五, 你怎麼樣?
```
這將產生一個流程圖。:
```mermaid
graph LR
A[長方形] -- 連結 --> B((圓))
A --> C(圓角長方形)
B --> D{菱形}
C --> D
```
五、生成FLowChart流程圖
## FLowchart流程圖
我們依舊會支援flowchart的流程圖：
```mermaid
flowchat
st=>start: 開始
e=>end: 結束
op=>operation: 我的操作
cond=>condition: 確認？
st->op->cond
cond(yes)->e
cond(no)->op
```
## 匯出與匯入
### 匯出
如果你想嘗試使用此編輯器, 你可以在此篇文章任意編輯。當你完成了一篇文章的寫作, 在上方工具欄找到 **文章匯出** ，生成一個.md檔案或者.html檔案進行本地儲存。
### 匯入
如果你想載入一篇你寫過的.md檔案或者.html檔案，在上方工具欄可以選擇匯入功能進行對應副檔名的檔案匯入，
繼續你的創作。