語法索引

文字 文字 標題 區塊 連結 其他
粗體 上標 兩階標題 引言 一般超連結 表格
斜體 下標 六階標題 資訊引言 圖片超連結 水平分隔線
粗斜體 打勾方框 有序清單 警告引言 影片超連結
底線 表情符號 無序清單 錯誤引言 頁內標題連結
刪除線 特殊字元 巢狀清單 單行程式碼 頁尾註腳
螢光標註 文字顏色 多行程式碼


粗體

語法

我是 **粗體**

結果

我是 粗體

斜體

語法

我是 *斜體*

結果

我是 斜體

粗斜體

語法

我是 ***粗斜體***

結果

我是 粗斜體

底線

  • 直接使用 HTML 語法

語法

我是 <u>底線</u>

結果

我是 底線

刪除線

語法

我是 ~~刪除線~~

結果

我是 刪除線

螢光標註

語法

我是 ==螢光標註==

結果

我是 ==螢光標註==

上標

語法

我是^上標文字^

結果

我是^上標文字^

下標

語法

我是~下標文字~

結果

我是下標文字

打勾方框

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

語法

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

結果

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

表情符號

語法

:smile: :angry: :cry: :laughing: ❤️ 🍉 ⚽ 🚀

結果

:smile: :angry: :cry: :laughing: ❤️ 🍉 ⚽ 🚀

特殊字元

語法

\\ \` \* \_ \{} \[] \() \# \+ \- \. \! &#8220; &#8221; &#8216; &#8217;
版權 (©) — &copy;
註冊商標 (®) — &reg;
商標 (™) — &trade;
歐元 (€) — &euro;
上箭頭 (↑) — &uarr;
下箭頭 (↓) — &darr;
左箭頭 (←) — &larr;
右箭頭 (→) — &rarr;
溫度 (°) — &#176;
圓周率 (π) — &#960;

結果

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

文字顏色

語法

我是 <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}

單行程式碼

語法

單行`程式碼`

結果

單行程式碼

多行程式碼

語法

```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)

結果

雅虎奇摩Logo
谷歌Logo

影片超連結

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

語法

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

結果

Youtube

頁內標題連結

語法

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

結果

頁內超連結

頁尾註腳

語法

這是註腳一的連結 [^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

水平分隔線

語法

---

結果


參考資料