CSDN-Markdown書寫參考

前言：
本文主要使用引用文本形式顯示語法，如下所示，灰色背景是引用文本，解釋了markdown的目錄生成語法。具體語法：@[TOC](這裏寫自定義目錄標題)使用了代碼片的形式表現。

分隔線語法：三個-或_或*，數量只要大於等於3即可，符號中間可以有空格。下面就是分隔線展示。

---

標題目錄語法：@[TOC](這裏寫自定義目錄標題)
會根據文中的#標題自動生成目錄。

歡迎使用Markdown編輯器

一級標題：# 歡迎使用Markdown編輯器

你好！ 這是你第一次使用 Markdown編輯器 所展示的歡迎頁。如果你想學習如何使用Markdown編輯器, 可以仔細閱讀這篇文章，瞭解一下Markdown的基本語法知識。

字體加粗：**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

方框效果實現：<kbd>方框內文本</kbd>

合理的創建標題，有助於目錄的生成

二級標題：## 合理的創建標題，有助於目錄的生成

直接輸入1次#，並按下space後，將生成1級標題。
輸入2次#，並按下space後，將生成2級標題。
以此類推，我們支持6級標題。有助於使用TOC語法後生成一個完美的目錄。

如何改變文本的樣式

強調文本 強調文本

*強調文本* _強調文本_
斜體：在斜體內容兩邊加上*或者_

加粗文本 加粗文本

**加粗文本** __加粗文本__
加粗：在加粗內容兩邊加上**或者__，與斜體相比記號數量變雙倍

標記文本

==標記文本==
高亮：在高亮內容兩邊加上==

刪除文本

~~刪除文本~~
劃線刪除：在刪除內容兩邊加上~~

引用文本

>引用文本
行首打一個右尖括號>即表示此段是引用文本
本文的註釋部分都是用的此語法

H₂O is是液體。

H~2~O is是液體。
下標：在下沉內容兩邊加上~

2¹⁰ 運算結果是 1024.

2^10^ 運算結果是 1024.
上標：在上浮內容兩邊加上^

插入鏈接與圖片

鏈接: link.

超鏈接：[link](https://mp.csdn.net)
[]中是鏈接文本，()中是鏈接地址

鏈接的另一種形式：link

[link][7]

[7]: https://mp.csdn.net/

鏈接內容後面不直接跟鏈接，而是跟方括號加數字，然後鏈接另外以數字標號的形式重新註明。注意：冒號是英文；數字標明的鏈接（即[7]: https://mp.csdn.net/）位置不限，但是如果在鏈接文字（即[link][7]）下方，要注意兩者之間至少存在一個空白行，如果在上方，則沒有這個要求。[7]: https://mp.csdn.net/放在正文位置，不要嵌入引文或者代碼段中。

---

圖片:

圖片可以直接複製粘貼實現，粘貼上後圖片會產生鏈接地址，上述圖片的地址爲：![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw?x-oss-process=image/format,png)
在文檔中貼上此地址即顯示爲相應的圖片

帶尺寸的圖片:

圖片可以手動設置顯示尺寸
語法：在鏈接最後加上# =寬x高，寬和高至少指定一個
注意：# =中間的空格不可省略，x是小寫英文字母x
上述圖片設置顯示尺寸爲30x30，完整的圖片鏈接爲![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw?x-oss-process=image/format,png# =30x30)
對比原始圖片鏈接，變動的是末尾加上了設置圖片尺寸的語法：# =30x30

當然，CSDN爲了讓用戶更加便捷，增加了圖片拖拽功能。

如何插入一段漂亮的代碼片

在文中插入代碼片語法：``，快捷鍵：Ctrl/Command + Shift + K
示例：
var foo = 'bar';

語法：`var foo = ‘bar’;`

代碼段：相比代碼片起始和末尾的 ` 符號變爲3個，即``` （代碼段） ```
示例：

var foo = 'bar';

語法：
```
var foo = ‘bar’;
```

醒目的代碼段（不同變量不同色）：

var foo = 'bar';

語法：
```javascript
var foo = ‘bar’;
```

生成一個適合你的列表

無序列表：- List item，縮進代表層級，1級列表無縮進。-符號後面有空格。兩個空格可表示一個層級。
示例：

• 項目
  • 項目
    • 項目

語法：

有序列表：1. List item，阿拉伯數字+圓點.+空格，後面是列表內容，回車後自動增序，再次回車取消編號

1. 項目1
2. 項目2
3. 項目3

語法：

待辦列表：- [ ] List item，-和[之間以及[和]之間均有一個空格，如果方括號中間不是空格，是字母x，則表示是已完成事項。即[ ]表示待辦事項，[x]表示已完成事項。

• 計劃任務
• 完成任務

語法：

創建一個表格

一個簡單的表格是這麼創建的：

項目	Value
電腦	$1600
手機	$12
導管	$1

語法：
項目     | Value
-------- | -----
電腦  | $1600
手機  | $12
導管  | $1

設定內容居中、居左、居右

三級標題：### 設定內容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列	第二列	第三列
第一列文本居中	第二列文本居右	第三列文本居左

語法：
| 第一列       | 第二列         | 第三列        |
|:-----------:| -------------:|:-------------|
| 第一列文本居中 | 第二列文本居右  | 第三列文本居左 | 

創建一個自定義列表

Markdown

Text-to-HTML conversion tool

Authors

John

Luke

語法：
Markdown
:  Text-to-HTML conversion tool

Authors
:  John
:  Luke

冒號前的縮進控制列表層級，冒號後和文本之間保持至少一個空格

如何創建一個註腳

加註腳的文本後面加上：[^1]，數字代表第幾個註腳。
對應註腳的解釋：[^1]: 註腳的解釋，冒號需是英文，冒號後有無空格不做要求，註腳解釋的位置也不做要求，顯示時會自動放在末尾。註腳字母自動生成超鏈接，點擊時自動跳轉到末尾註腳解釋。

示例：
一個具有註腳的文本。¹

語法：

雖然書寫時註腳和註腳解釋放在一起，但是最後顯示時註腳會自動放置在末尾。點擊右上角藍色數字1則會自動跳轉到文末註腳地方。註腳解釋後面有個回車符號，點擊後跳轉到對應註腳處。

KaTeX數學公式

可以使用渲染LaTeX數學表達式 KaTeX:

示例：
Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ 是通過歐拉積分

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

示例語法：
Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通過歐拉積分

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

你可以找到更多關於的信息 LaTeX 數學表達式here.

新的甘特圖功能，豐富你的文章

• 關於 甘特圖 語法，參考 這兒

示例：

示例語法：

UML 圖表

可以使用UML圖表進行渲染。 Mermaid.
關於 Mermaid 語法，參考 這兒。

例如下面產生的一個序列圖：:

上述序列圖語法：

這將產生一個流程圖。:

上述流程圖語法：

FLowchart流程圖

CSDN依舊會支持flowchart的流程圖，關於 Flowchart流程圖 語法，參考 這兒.
一個示例如下：

上述示例語法：

導出與導入

導出

三級標題：### 導出

如果你想嘗試使用此編輯器, 你可以在此篇文章任意編輯。當你完成了一篇文章的寫作, 在上方工具欄找到 文章導出 ，生成一個.md文件或者.html文件進行本地保存。

導入

如果你想加載一篇你寫過的.md文件或者.html文件，在上方工具欄可以選擇導入功能進行對應擴展名的文件導入，繼續你的創作。

---

1. 註腳1的解釋 ↩︎