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. 註腳的解釋 ↩︎