Markdown 使用指南（完全版）-有解無憂

1. 斜體、粗體、洗掉線、下劃線、背景高亮
2. 字體、字號、顏色
3. 縮進、換行、空行、對齊方式
4. 分級標題
5. 外鏈接
6. 錨點
7. 無序串列
8. 有序串列
9. 文字參考
10. 行內代碼塊
11. 代碼塊
12. 注釋
13. 插入影像
14. 內容目錄
15. 注腳
15. 分割線
16. 轉義符
17. LaTeX公式
18. 待辦事項【博客園不支持】
19. 表格支持
20. 流程圖【博客園不支持】
21. 序列圖【博客園不支持】
22. 甘特圖
23. 特殊字符

1. 斜體、粗體、洗掉線、下劃線、背景高亮

*斜體*
**粗體**
***加粗斜體***
~~洗掉線~~
<u>下劃線</u>
<mark>背景高亮</mark>

示例：

斜體粗體 加粗斜體 ~~洗掉線~~ 下劃線背景高亮

2. 字體、字號、顏色

<font face="黑體">我是黑體字</font>
<font face="微軟雅黑">我是微軟雅黑</font>
<font face="STCAIYUN">我是華文彩云</font>
<font color=#0099ff size=6 face="黑體">黑體</font>
<font color=gray size=5>gray</font>
<font color=#00ffff size=3>Java</font>

我是黑體字
我是微軟雅黑
我是華文彩云
黑體
gray
Java

3. 縮進、換行、空行、對齊方式

【縮進】
&emsp; //全角 
&ensp; //半角

【換行】
Enter 正常行
Shift + Enter 窄行

【空行】
<br/>

【對齊方式】
<center>行中心對齊</center>
<p align="left">行左對齊</p>
<p align="right">行右對齊</p>

4. 分級標題

# 一級標題
## 二級標題
...
##### 五級標題
###### 六級標題 <!--最多6級標題-->

5. 外鏈接

【行內式】
歡迎來到[本人博客](https://www.cnblogs.com/QingPingZm/)
歡迎來到[本人博客](https://www.cnblogs.com/QingPingZm/ "本人博客")

【參考式】建議鏈接部分置于文章底部
我經常去的幾個網站 [博客園][1]、[本人博客][2]

[1]:https://www.cnblogs.com/ "博客園"
[2]:https://www.cnblogs.com/QingPingZm/ "本人博客"

【自動鏈接】
<https://www.cnblogs.com/QingPingZm/>

示例：

歡迎來到本人博客
歡迎來到本人博客

我經常去的幾個網站博客園、本人博客

https://www.cnblogs.com/QingPingZm/

6. 錨點

跳轉到[目錄](#index)

【設定目錄錨點】
<a name="index"></a> 
或
標題后面加 {#index}

示例：

跳轉到目錄

7. 無序串列

【支持串列嵌套】
- 無序串列項 1
- 無序串列項 2
	- 項1.1
		- 項1.1.1
- 無序串列項 3

示例：

無序串列項 1
無序串列項 2
- 項1.1
  - 項1.1.1
無序串列項 3

8. 有序串列

1. 有序串列項 1
2. 有序串列項 2
3. 有序串列項 3

示例：

有序串列項 1
有序串列項 2
有序串列項 3

9. 文字參考

【支持隨意嵌套】
>野火燒不盡，春風吹又生
>>野火燒不盡，春風吹又生
>>>野火燒不盡，春風吹又生

示例：

野火燒不盡，春風吹又生

野火燒不盡，春風吹又生

野火燒不盡，春風吹又生

10. 行內代碼塊

讓我們聊聊 `html`

示例：

讓我們聊聊 html

11. 代碼塊

使用 ``` ``` 表示代碼塊，這就是個代碼塊；可以選擇語言來加強代碼塊

12. 注釋

<!--注釋-->

13. 插入影像

![圖片描述](圖片鏈接地址)
同外鏈接，也支持參考式
或
<img alt="圖片描述" width="300" height="100" src="" />  可調整圖片大小
或
<div align="center">
<img alt="圖片描述" width="300" height="100" src="" />
</div>
可調整圖片對齊方式

示例：

14. 內容目錄

在段落中填寫 [TOC] 以顯示全文內容的目錄結構，如篇頭顯示的內容目錄

15. 注腳

【建議解釋部分置于文章底部】
使用 Markdown[^1]可以效率的書寫檔案, 直接轉換成 HTML[^2]
[^1]:Markdown是一種純文本標記語言
[^2]:HyperText Markup Language 超文本標記語言

示例：

使用 Markdown^[1]可以效率的書寫檔案, 直接轉換成 HTML^[2]

15. 分割線

***

示例：

16. 轉義符

Markdown中的轉義字符為\，轉義項有：

轉義項	說明
\	反斜線
`	反引號
*	星號
_	下劃線
{}	花括號
[]	方括號
()	小括號
#	井字號
+	加號
-	減號
.	英文句點
!	感嘆號

17. LaTeX公式

博客或者編輯器都需開啟公式支持
【行內公式】
質能守恒方程可以用一個很簡潔的方程式 $E=mc^2$ 來表達
【段落公式】
$$
\sum_{i=1}^n a_i=0
$$
$$
f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2
$$

示例：

質能守恒方程可以用一個很簡潔的方程式 \(E=mc^2\) 來表達

\[\sum_{i=1}^n a_i=0 \]

\[f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 \]

18. 待辦事項【博客園不支持】

- [x] 整理Markdown手冊
- [ ] 改善專案
   - [x] 優化首頁顯示方式
   - [x] 修復閃退問題
   - [ ] 修復視頻卡頓
- [ ] A3專案修復
   - [x] 修復數值錯誤

示例：

[x] 整理Markdown手冊
[ ] 改善專案
- [x] 優化首頁顯示方式
- [x] 修復閃退問題
- [ ] 修復視頻卡頓
[ ] A3專案修復
- [x] 修復數值錯誤

19. 表格支持

【1】第一行為表頭，第二行分隔表頭和主體部分，第三行開始每一行為一個表格行
【2】第二行還可以為不同的列指定對齊方向，規則：- 左對齊、:-: 中心對齊、-: 右對齊
|學號|姓名|序號|
|-|-|-|
|小明明|男|5|
|小紅|女|79|
|小陸|男|192|

示例：

學號	姓名	序號
小明明	男	5
小紅	女	79
小陸	男	192

20. 流程圖【博客園不支持】

?```flow
st=>start: 開始
io=>inputoutput: 驗證
op=>operation: 選項
cond=>condition: 是 或 否？
sub=>subroutine: 子程式
e=>end: 結束

st->io->op->cond
cond(yes)->e
cond(no)->sub->io
?```

示例：

st=>start: 開始
io=>inputoutput: 驗證
op=>operation: 選項
cond=>condition: 是 或 否？
sub=>subroutine: 子程式
e=>end: 結束

st->io->op->cond
cond(yes)->e
cond(no)->sub->io

21. 序列圖【博客園不支持】

?```sequence
participant 客戶端 as A
participant 服務端 as B
participant 通行證中心 as C
Note over A:用戶輸入通行證賬號、密碼
A->C: 發送賬號、密碼
Note over C:驗證賬號、密碼
C-->>A:回傳token
A->B:發送token
B->C:驗證token
C-->>B:驗證成功
B-->>A:登陸成功
Note left of A:左邊注釋
B->B:自互動
Note right of C:右邊注釋
?```

示例：

participant 客戶端 as A
participant 服務端 as B
participant 通行證中心 as C
Note over A:用戶輸入通行證賬號、密碼
A->C: 發送賬號、密碼
Note over C:驗證賬號、密碼
C-->>A:回傳token
A->B:發送token
B->C:驗證token
C-->>B:驗證成功
B-->>A:登陸成功
Note left of A:左邊注釋
B->B:自互動
Note right of C:右邊注釋

22. 甘特圖

?```mermaid
gantt
        dateFormat  YYYY-MM-DD
        
        title 軟體開發甘特圖
        
        section 設計
        需求:done,des1, 2019-01-06,2019-01-08
        原型:active,des2, 2019-01-09, 3d
        UI設計:des3, after des2, 5d
        未來任務:des4, after des3, 5d

        section 開發
        學習準備理解需求:crit, done, 2019-01-06,24h
        設計框架:crit, done, after des2, 2d
        開發:crit, active, 3d
        未來任務:crit, 5d
        休息時間:2d

        section 測驗
        功能測驗:active, a1, after des3, 3d
        壓力測驗:after a1, 20h
        測驗報告: 48h
?```
【基本語法】
deteFormat 格式 指明日期的顯示格式
title 標題 設定圖示的標題
section 描述 定義縱向上的一個環節
定義步驟：
	每個步驟有兩種狀態 done（已完成）/ active（執行中）
	描述: 狀態,id,開始日期,結束日期/持續時間
	描述: 狀態[,id],after id2,持續時間
	crit ：可用于標記該步驟需要被修正，將高亮顯示
	如果不指定具體的開始時間或在某個步驟之后，將默認依次順序排列

示例：

gantt dateFormat YYYY-MM-DD title 軟體開發甘特圖 section 設計需求:done,des1, 2019-01-06,2019-01-08 原型:active,des2, 2019-01-09, 3d UI設計:des3, after des2, 5d 未來任務:des4, after des3, 5d section 開發學習準備理解需求:crit, done, 2019-01-06,24h 設計框架:crit, done, after des2, 2d 開發:crit, active, 3d 未來任務:crit, 5d 休息時間:2d section 測驗功能測驗:active, a1, after des3, 3d 壓力測驗:after a1, 20h 測驗報告: 48h

23. 特殊字符

特殊字符	描述	字符的代碼
<	小于號	<
>	大于號	>
&	和號	&
￥	人民幣	¥
?	著作權	©
?	注冊商標	®
°C	攝氏度	°C
±	正負號	±
×	乘號	×
÷	除號	÷
2	平方（上標2）	²
3	立方（上標3）	³

【持續更新】

Markdown是一種純文本標記語言 ??
HyperText Markup Language 超文本標記語言 ??

轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/196899.html

標籤：其他

上一篇：前端面試題

下一篇：Java SFTP 上傳、下載等操作