Markdown 箭頭符號
Markdown 裡怎麼寫箭頭?
Markdown 本身沒有專門的箭頭語法,不像粗體有 **、連結有 []()。但好消息是,你可以透過幾種變通方式在 Markdown 裡顯示箭頭,而且大多數方法用起來比想像中簡單。
目前主流的做法有四種:
- 直接複製貼上 Unicode 箭頭字元(最簡單,推薦新手用)
- HTML 實體編碼(相容性好,適合寫文件)
- Emoji 語法(GitHub、Discord 等平台專用)
- LaTeX 數學箭頭(適合數學公式和邏輯推導)
下面我逐一講清楚每種方法怎麼用、適合什麼場景。
方法一:直接複製 Unicode 箭頭字元
這是最直接的方式——你需要什麼箭頭,直接從下面表格裡複製貼上到你的 Markdown 檔案裡就行。不需要記任何程式碼,也不需要特殊語法。
說實話這個方法我用得最多,因為 Markdown 檔案本質上就是純文字,而 Unicode 字元在所有文字編輯器裡都能直接輸入。你在 GitHub README 裡寫 A → B,渲染出來就是帶箭頭的文字。
常用箭頭速查表
| 箭頭 | 字元 | 說明 |
|---|---|---|
| → | → | 右箭頭 |
| ← | ← | 左箭頭 |
| ↑ | ↑ | 上箭頭 |
| ↓ | ↓ | 下箭頭 |
| ↔ | ↔ | 左右雙向箭頭 |
| ↕ | ↕ | 上下雙向箭頭 |
| ↗ | ↗ | 右上箭頭 |
| ↘ | ↘ | 右下箭頭 |
| ↖ | ↖ | 左上箭頭 |
| ↙ | ↙ | 左下箭頭 |
| ⇒ | ⇒ | 雙線右箭頭 |
| ⇐ | ⇐ | 雙線左箭頭 |
| ⇑ | ⇑ | 雙線上箭頭 |
| ⇓ | ⇓ | 雙線下箭頭 |
| ⇔ | ⇔ | 雙線雙向箭頭 |
| ➜ | ➜ | 粗體箭頭 |
| ➤ | ➤ | 三角箭頭 |
| ⟶ | ⟶ | 長右箭頭 |
| ⟵ | ⟵ | 長左箭頭 |
| ⟷ | ⟷ | 長雙向箭頭 |
有一點要注意:有些比較冷門的 Unicode 箭頭(例如一些帶修飾的變體箭頭),在個別渲染器裡可能顯示不出來,變成一個小方框。不過上面表格裡列的這些常用箭頭,基本上所有平台都支援。
方法二:HTML 實體編碼
如果你不想複製貼上,或者需要在程式碼裡保持可讀性(畢竟 Unicode 字元在程式碼編輯器裡不太好辨認),可以用 HTML 實體。
Markdown 支援內嵌 HTML,所以 HTML 實體在絕大多數 Markdown 渲染器裡都能正常運作。例如你寫 →,渲染出來就是 → 右箭頭。
基本箭頭 HTML 實體
| 箭頭 | HTML 實體 | 效果 |
|---|---|---|
| 右箭頭 | → | → |
| 左箭頭 | ← | ← |
| 上箭頭 | ↑ | ↑ |
| 下箭頭 | ↓ | ↓ |
| 雙向箭頭 | ↔ | ↔ |
| 上下箭頭 | ↕ | ↕ |
還有用數字編碼的方式,例如 → 也等於 → 右箭頭。數字編碼用的是 Unicode 的十進位值,好處是它不限於有名字的實體——理論上所有 Unicode 箭頭都能用數字編碼表示。
| 箭頭 | 十進位編碼 | 十六進位編碼 |
|---|---|---|
| → | → | → |
| ← | ← | ← |
| ↑ | ↑ | ↑ |
| ↓ | ↓ | ↓ |
| ↔ | ↔ | ↔ |
| ⇒ | ⇒ | ⇒ |
| ⇔ | ⇔ | ⇔ |
我之前有一陣子習慣用 HTML 實體,後來發現寫 → 雖然程式碼裡能看懂,但在純文字編輯器裡預覽的時候還是一堆符號不好辨認。所以後來大部分場景我就直接複製 Unicode 字元了。不過 HTML 實體在需要明確標註「這裡是個箭頭」的正式文件裡還是蠻有用的。
方法三:GitHub Emoji 箭頭語法
GitHub Flavored Markdown(以及 Discord、Slack 等平台)支援用 Emoji 短程式碼來輸入箭頭。這種方式的好處是語意清晰,寫 :arrow_right: 一看就知道是什麼意思。
GitHub Emoji 箭頭
| 語法 | 效果 | 說明 |
|---|---|---|
:arrow_right: | ➡ | 右箭頭 |
:arrow_left: | ⬅ | 左箭頭 |
:arrow_up: | ⬆ | 上箭頭 |
:arrow_down: | ⬇ | 下箭頭 |
:arrow_upper_right: | ↗ | 右上箭頭 |
:arrow_upper_left: | ↖ | 左上箭頭 |
:arrow_lower_right: | ↘ | 右下箭頭 |
:arrow_lower_left: | ↙ | 左下箭頭 |
:left_right_arrow: | ↔ | 雙向箭頭 |
:arrow_double_up: | ⏫ | 雙線上箭頭 |
:arrow_double_down: | ⏬ | 雙線下箭頭 |
需要注意,Emoji 語法只在支援 Emoji 渲染的平台上有效。你在 GitHub 的 README、Issue、PR 描述裡用沒問題,但如果你是在本地用 Typora 寫文件然後匯出 PDF,Emoji 箭頭可能渲染出不同的樣式(變成彩色 Emoji 圖示而不是純文字箭頭)。
實測發現 GitHub 上的 Emoji 箭頭和 Unicode 箭頭的視覺效果不太一樣——Emoji 版本更像是圖示,而 Unicode 版本更像是文字字元。具體用哪種看你個人偏好和文件風格。
方法四:LaTeX 數學箭頭
如果你的 Markdown 編輯器支援 LaTeX/MathJax(例如 Obsidian、Typora、Jupyter Notebook),那數學模式下的箭頭是另一個強大的選擇。這在寫數學筆記、邏輯推導或者演算法分析時特別好用。
數學箭頭要用 $...$(行內公式)或 $$...$$(獨立公式)包裹:
常用數學箭頭
| LaTeX 程式碼 | 效果 | 說明 |
|---|---|---|
$\rightarrow$ | → | 右箭頭 |
$\leftarrow$ | ← | 左箭頭 |
$\Rightarrow$ | ⇒ | 雙線右箭頭(推導) |
$\Leftarrow$ | ⇐ | 雙線左箭頭 |
$\Leftrightarrow$ | ⇔ | 雙線雙向箭頭(等價) |
$\mapsto$ | ↦ | 映射箭頭 |
$\hookrightarrow$ | ↪ | 帶鉤右箭頭 |
$\uparrow$ | ↑ | 上箭頭 |
$\downarrow$ | ↓ | 下箭頭 |
$\nearrow$ | ↗ | 右上箭頭 |
$\searrow$ | ↘ | 右下箭頭 |
$\longmapsto$ | ⟼ | 長映射箭頭 |
向量箭頭
| LaTeX 程式碼 | 效果 | 說明 |
|---|---|---|
$\vec{a}$ | a⃗ | 向量 a |
$\overrightarrow{AB}$ | AB→ | 從 A 到 B 的向量 |
$\overleftarrow{AB}$ | ←AB | 反向向量 |
LaTeX 箭頭有個前提:你的 Markdown 渲染器必須支援 MathJax 或 KaTeX。GitHub 原生不支援 LaTeX 數學公式(不過 2022 年後部分場景已支援),所以在 GitHub 上用 LaTeX 箭頭可能會直接顯示為原始程式碼。如果你主要在 Obsidian 或 Typora 裡寫東西,那就放心用,這兩個都支援 LaTeX。
四種方法怎麼選?
這裡簡單總結一下我的建議:
日常寫文件、做筆記 → 直接複製 Unicode 字元。最簡單,哪裡都能用,沒有相容性問題。
寫 GitHub README 或團隊文件 → HTML 實體或 Unicode 都行。HTML 實體的好處是程式碼裡一眼能看出這是個箭頭;Unicode 的好處是更簡潔。
在 GitHub/Discord/Slack 裡寫評論 → Emoji 語法。這些平台對 Emoji 支援最好,而且語意清晰。
寫數學筆記或邏輯推導 → LaTeX 數學箭頭。數學模式下的箭頭是專業的數學符號,而且在公式排版裡和其他數學元素配合得最好。
| 方法 | 優點 | 缺點 | 適用場景 |
|---|---|---|---|
| Unicode 複製貼上 | 零門檻,全平台通用 | 程式碼裡不好辨認 | 日常文件、筆記 |
| HTML 實體 | 程式碼可讀性好,相容性強 | 需要記程式碼名稱 | 正式文件、技術文件 |
| Emoji 語法 | 語意清晰,GitHub 原生支援 | 僅限支援 Emoji 的平台 | GitHub、Discord、Slack |
| LaTeX 數學箭頭 | 專業數學符號,支援帶文字箭頭 | 需要渲染器支援 MathJax | 數學公式、邏輯推導 |
不同平台的相容性
因為 Markdown 的渲染器有很多種,同一個箭頭在不同平台上的表現可能不一樣。我實際測試了幾個主流平台:
| 方法 | GitHub | Obsidian | Typora | VS Code 預覽 |
|---|---|---|---|---|
| Unicode 字元 | ✅ | ✅ | ✅ | ✅ |
| HTML 實體 | ✅ | ✅ | ✅ | ✅ |
| Emoji 語法 | ✅ | ❌ 顯示程式碼 | ❌ 顯示程式碼 | ❌ 顯示程式碼 |
| LaTeX 箭頭 | ⚠️ 部分支援 | ✅ | ✅ | ✅(需外掛) |
可以看出,Unicode 字元和 HTML 實體是最穩的方案,基本上所有平台都能正常顯示。Emoji 語法只在 GitHub 風格的渲染器裡有效。LaTeX 則需要 MathJax/KaTeX 支援。
所以如果你不確定你的文件最終會在什麼平台上展示,優先用 Unicode 字元或 HTML 實體,這兩個是最安全的選擇。
箭頭在 Mermaid 流程圖中的用法
說到 Markdown 裡的箭頭,還有一個場景不能忽略——Mermaid 流程圖。如果你在 Markdown 中用 Mermaid 畫流程圖,箭頭的寫法又不一樣了:
```mermaid
graph LR
A[開始] --> B[處理]
B --> C{判斷}
C -->|是| D[結束]
C -->|否| B
Mermaid 用 `-->` 表示實線箭頭,`-.->` 表示虛線箭頭,`==>` 表示粗線箭頭。這和我們上面說的 Unicode/HTML 箭頭是完全不同的體系——Mermaid 箭頭是流程圖語法的一部分,不是文字符號。
## 快速參考:最常用的箭頭
如果你只是想快速找一個箭頭用,直接從下面挑:
| 你想要的 | 複製這個 | 或者寫這個 |
|---------|---------|-----------|
| 右箭頭 | → | `→` |
| 左箭頭 | ← | `←` |
| 上箭頭 | ↑ | `↑` |
| 下箭頭 | ↓ | `↓` |
| 雙向箭頭 | ↔ | `↔` |
| 推導箭頭 | ⇒ | `⇒` |
| 等價箭頭 | ⇔ | `⇔` |
說實話,Markdown 箭頭符號這件事本身不難,難的是資訊太分散——有的教學只講 HTML 實體,有的只講 Unicode,還有的混著說。我把所有方法整理在一起,就是想讓你不用再東翻西找,一篇搞定。
## 參考來源
- [Unicode Arrows 區塊定義](https://unicode.org/charts/PDF/U2190.pdf) — Unicode 官方 Arrows 字元區塊規範
- [GitHub Flavored Markdown Spec](https://github.github.com/gfm/) — GitHub 官方 Markdown 規範,定義了 Emoji 語法等擴充功能
- [Markdown Guide — Hacks](https://www.markdownguide.org/hacks/) — Markdown Guide 官方關於符號和 HTML 實體的說明
- [Toptal HTML Arrows](https://www.toptal.com/designers/htmlarrows/arrows/) — 最完整的 HTML 箭頭符號編碼參考
- [MathJax 官方文件](https://docs.mathjax.org/) — LaTeX 數學箭頭在 Web 環境中的渲染支援說明