Markdown 語法小百科
發表於|更新於
|瀏覽量:
語法索引
粗體
語法
結果
我是 粗體
斜體
語法
結果
我是 斜體
粗斜體
語法
結果
我是 粗斜體
底線
語法
結果
我是 底線
刪除線
語法
結果
我是 刪除線
螢光標註
語法
結果
我是 ==螢光標註==
上標
語法
結果
我是^上標文字^
下標
語法
結果
我是下標文字
打勾方框
語法
- [ ] 沒打勾選項一 - [x] 有打勾選項二 - [x] 有打勾選項三 - [ ] 沒打勾選項四
|
結果
表情符號
語法
:smile: :angry: :cry: :laughing: ❤️ 🍉 ⚽ 🚀
|
結果
:smile: :angry: :cry: :laughing: ❤️ 🍉 ⚽ 🚀
特殊字元
語法
\\ \` \* \_ \{} \[] \() \# \+ \- \. \! “ ” ‘ ’ 版權 (©) — © 註冊商標 (®) — ® 商標 (™) — ™ 歐元 (€) — € 上箭頭 (↑) — ↑ 下箭頭 (↓) — ↓ 左箭頭 (←) — ← 右箭頭 (→) — → 溫度 (°) — ° 圓周率 (π) — π
|
結果
\ ` * _ {} [] () # + - . ! “ ” ‘ ’
版權 (©) — ©
註冊商標 (®) — ®
商標 (™) — ™
歐元 (€) — €
上箭頭 (↑) — ↑
下箭頭 (↓) — ↓
左箭頭 (←) — ←
右箭頭 (→) — →
溫度 (°) — °
圓周率 (π) — π
文字顏色
語法
我是 <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 標題 ### H3 標題 #### H4 標題 ##### H5 標題 ###### H6 標題
|
結果
H1標題
H2 標題
H3 標題
H4 標題
H5 標題
H6 標題
有序清單
- 就算編到一半,清單的號碼亂跳或重覆,還是會依照出現在頁面的順序被編號
語法
結果
- 有序清單一
- 有序清單二
- 有序清單三
無序清單
語法
結果
巢狀清單
語法
結果
- 無序清單一
- 有序清單一之一
- 有序清單二
- 無序清單一之二之一
- 無序清單一之二之二
- 無序清單二
引言
語法
>第一行引言 >>第三行引言 >>第四行引言 >>>第五行引言 >>>第六行引言
|
結果
第一行引言
第二行引言
第三行引言
第四行引言
第五行引言
第六行引言
資訊引言
語法
結果
第一行引言
第二行引言
{.is-info}
成功引言
語法
>第一行引言 >第二行引言 {.is-success}
|
結果
第一行引言
第二行引言
{.is-success}
警告引言
語法
>第一行引言 >第二行引言 {.is-warning}
|
結果
第一行引言
第二行引言
{.is-warning}
錯誤引言
語法
結果
第一行引言
第二行引言
{.is-danger}
單行程式碼
語法
結果
單行程式碼
多行程式碼
語法
```python
print(‘Hello, world!’)
print(‘Hi, Markdown!’)
```
結果
print('Hello, world!') print('Hi, Markdown!')
|
一般超連結
語法
結果
這個是 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 影片適用
- 先把第二層的影片網址,從 Youtube 複製貼上
- 再把第一層圖片網址 /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]
[^1]: 在頁面最底部的註腳一文字
[^2]: 在頁面最底部的註腳二文字
[^3]: 在頁面最底部的註腳三文字
表格
語法
| 預設對齊 | 靠左對齊 | 靠右對齊 | 置中對齊 | | ----- | :----- | -----: | :-----: | | 文字1 | 文字2 | 文字3 | 文字4 | | 文字11 | 文字22 | 文字33 | 文字44 | | 文字111 | 文字222 | 文字333 | 文字444 |
|
結果
預設對齊 |
靠左對齊 |
靠右對齊 |
置中對齊 |
文字1 |
文字2 |
文字3 |
文字4 |
文字11 |
文字22 |
文字33 |
文字44 |
文字111 |
文字222 |
文字333 |
文字444 |
水平分隔線
語法
結果
參考資料