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 的渲染器有很多種,同一個箭頭在不同平台上的表現可能不一樣。我實際測試了幾個主流平台:

方法GitHubObsidianTyporaVS 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 環境中的渲染支援說明