網路上有很多 Markdown 的教學，說明的也非常詳細，但是在偶爾忘記或是要用到罕用語法的時候，懶得再爬一堆文，乾脆就整理一篇單純的語法對照表，好查好用效果快就行。

語法索引

粗體

語法

我是 **粗體**

結果

我是 粗體

斜體

語法

我是 *斜體*

結果

我是 斜體

粗斜體

語法

我是 ***粗斜體***

結果

我是 粗斜體

底線

• 直接使用 HTML 語法

語法

我是 <u>底線</u>

結果

我是 底線

刪除線

語法

我是 ~~刪除線~~

結果

我是 刪除線

螢光標註

語法

我是 ==螢光標註==

結果

我是 ==螢光標註==

上標

語法

我是^上標文字^

結果

我是^上標文字^

下標

語法

我是~下標文字~

結果

我是下標文字

打勾方框

• 單純顯示用，按了不會變

語法

- [ ] 沒打勾選項一
- [x] 有打勾選項二
- [x] 有打勾選項三
- [ ] 沒打勾選項四

結果

• 沒打勾選項一
• 有打勾選項二
• 有打勾選項三
• 沒打勾選項四

表情符號

• 參閱 Emoji 短碼 ，或是直接到 Emojipedia 找到後複製貼上

語法

😄 😠 😢 😆 ❤️ 🍉 ⚽ 🚀

結果

😄 😠 😢 😆 ❤️ 🍉 ⚽ 🚀

特殊字元

語法

\\ \` \* \_ \{} \[] \() \# \+ \- \. \! “ ” ‘ ’
版權 (©) — ©
註冊商標 (®) — ®
商標 (™) — ™
歐元 (€) — €
上箭頭 (↑) — ↑
下箭頭 (↓) — ↓
左箭頭 (←) — ←
右箭頭 (→) — →
溫度 (°) — °
圓周率 (π) — π

結果

\ ` * _ {} [] () # + - . ! “ ” ‘ ’ 版權 (©) — © 註冊商標 (®) — ® 商標 (™) — ™ 歐元 (€) — € 上箭頭 (↑) — ↑ 下箭頭 (↓) — ↓ 左箭頭 (←) — ← 右箭頭 (→) — → 溫度 (°) — ° 圓周率 (π) — π

文字顏色

• 參考 維基百科-網頁顏色

語法

我是 <font color=red>紅色文字</font>
我是 <font color=orange>橙色文字</font>
我是 <font color=wellow>黃色文字</font>
我是 <font color=green>綠色文字</font>
我是 <font color=blue>藍色文字</font>
我是 <font color=cyan>青色文字</font>
我是 <font color=purple>紫色文字</font>
我是 <font color=black>黑色文字</font>
我是 <font color=#000000>黑色文字</font>
我是 <font color=white>白色文字</font>
我是 <font color=#ffffff>白色文字</font>

結果

我是 紅色文字 我是 橙色文字 我是 黃色文字 我是 綠色文字 我是 藍色文字 我是 青色文字 我是 紫色文字 我是 黑色文字 我是 黑色文字 我是 白色文字 我是 白色文字

兩階標題

語法

H1 標題
=
H2 標題
-

結果

H1 標題

H2 標題

六階標題

語法

# H1 標題
## H2 標題
### H3 標題
#### H4 標題
##### H5 標題
###### H6 標題

結果

H1標題

H2 標題

H3 標題

H4 標題

H5 標題

H6 標題

有序清單

• 就算編到一半，清單的號碼亂跳或重覆，還是會依照出現在頁面的順序被編號

語法

1. 有序清單一
3. 有序清單二
1. 有序清單三

結果

1. 有序清單一
2. 有序清單二
3. 有序清單三

無序清單

語法

- 無序清單一
- 無序清單二
- 無序清單三

結果

• 無序清單一
• 無序清單二
• 無序清單三

巢狀清單

語法

- 無序清單一
- 無序清單二
- 無序清單三

結果

• 無序清單一
  1. 有序清單一之一
     • 無序清單一之一之一
     • 無序清單一之一之二
  2. 有序清單二
     1. 無序清單一之二之一
     2. 無序清單一之二之二
• 無序清單二

引言

語法

>第一行引言
>>第三行引言
>>第四行引言
>>>第五行引言
>>>第六行引言

結果

第一行引言 第二行引言

第三行引言 第四行引言

第五行引言 第六行引言

資訊引言

• Wiki.js 自訂擴充語法

語法

>第一行引言
>第二行引言
{.is-info}

結果

第一行引言 第二行引言 {.is-info}

成功引言

• Wiki.js 自訂擴充語法

語法

>第一行引言
>第二行引言
{.is-success}

結果

第一行引言 第二行引言 {.is-success}

警告引言

• Wiki.js 自訂擴充語法

語法

>第一行引言
>第二行引言
{.is-warning}

結果

第一行引言 第二行引言 {.is-warning}

錯誤引言

• Wiki.js 自訂擴充語法

語法

>第一行引言
>第二行引言
{.is-danger}

結果

第一行引言 第二行引言 {.is-danger}

單行程式碼

語法

單行`程式碼`

結果

單行程式碼

多行程式碼

• 可高亮顯示程式語言的關鍵字、保留字，支援的語言清單： Codebase: Syntax highlighting in markdown

語法

```python print(‘Hello, world!’) print(‘Hi, Markdown!’) ```

結果

  print('Hello, world!')
  print('Hi, Markdown!')

一般超連結

語法

這個是 [IT技術家舊站](https://blog.itist.tw "IT技術家舊站") 的網址
這個是 [IT技術家新站](https://itist.tw) 的網址
這個是IT技術家的 [管理員信箱]([email protected])
<https://itist.tw>
<[email protected]>

結果

這個是 IT技術家 舊站的網址 這個是 IT技術家 新站的網址 這個是IT技術家的 管理員信箱 https://itist.tw [email protected]

圖片超連結

語法

![雅虎奇摩Logo](https://s1.yimg.com/rz/d/yahoo_frontpage_zh-Hant-TW_s_f_p_bestfit_frontpage_2x.png)
![谷哥Logo](https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png)

結果

影片超連結

• Youtube 影片適用
  1. 先把第二層的影片網址，從 Youtube 複製貼上
  2. 再把第一層圖片網址 /v1/ 跟 /0.jpg 中間，換上影片網址 ?v= 後面的代碼即可

語法

[![Youtube](https://img.youtube.com/vi/jNQXAC9IVRw/0.jpg)](https://www.youtube.com/watch?v=jNQXAC9IVRw)

結果

頁內標題連結

語法

[頁內超連結](#頁內超連結)
[回到語法索引](#語法索引)

結果

頁內超連結

頁尾註腳

語法

這是註腳一的連結 [^1]
這是註腳二的連結 [^2]
這是註腳三的連結 [^3]
[^1]: 在頁面最底部的註腳一文字
[^2]: 在頁面最底部的註腳二文字
[^3]: 在頁面最底部的註腳三文字

結果

這是註腳一的連結 ¹ 這是註腳二的連結 ² 這是註腳三的連結 ³

表格

語法

| 預設對齊 | 靠左對齊 | 靠右對齊 | 置中對齊 |
| ----- | :----- | -----: | :-----: |
| 文字1 | 文字2 | 文字3 | 文字4 |
| 文字11 | 文字22 | 文字33 | 文字44 |
| 文字111 | 文字222 | 文字333 | 文字444 |

結果

水平分隔線

語法

---

結果

參考資料

• https://zh.wikipedia.org/zh-tw/Markdown
• https://markdown.tw/
• https://www.markdownguide.org/basic-syntax/