如果你需要和多人一起用 Markdown 即時寫筆記,HackMD 是我最常用的選擇。這篇整理 HackMD 的基本介紹、權限與簡報功能,以及它支援的特殊語法(數學式、UML 圖、五線譜)資源。
HackMD 是什麼?跟 StackEdit 有什麼不同?
HackMD 網站位置:<https://hackmd.io/recent>

HackMD 是個跨平台的 Markdown 即時協作筆記,可以在電腦、平板甚至是手機與其他人一起做筆記,同時也可以透過 Facebook、Twitter、GitHub、Dropbox 登入。
和 StackEdit 相比,HackMD 增加了上傳圖片的功能——圖片會自動上傳至 imgur,我們不用煩惱 MD 文章的圖片要如何處理。它也非常適合用來做為大型研討會的線上共筆,Agile Summit 及 JSDC 等大型研討會都是使用這個網站來做為線上共筆平台。
HackMD 有哪些協作功能?
官方功能介紹:功能介紹
線上協作時可以設定不同使用者有不同的讀寫權限:

也支援讓所編輯出的文件以投影片的方式做展示,例如 slide-example。按下右上角分享裡的「簡報模式」,便可以投影片方式展示:

HackMD 支援哪些特殊語法?
這裡有 HackMD 支援的語法介紹,按下編輯可以看到成果與語法的比較圖。
同樣支援 `MathJax` 數學符號功能、UML 圖表,還支援五線譜語法,功能非常強大:

各種圖表語法的更多細節:
- 更多關於 循序圖 語法:js-sequence-diagrams
- 更多關於 流程圖 語法:flowchart.js
- 更多關於 mermaid 語法:mermaid]([Mermaid 官方網站)
- 更多關於 abc(五線譜)語法:abc notation
延伸閱讀
- StackEdit Markdown 線上編輯工具教學:語法、同步與匯出:同樣聚焦 Markdown,可接著比較不同情境的做法。
- 讓 IDE 支援 Angular Language Service:同屬「前端開發」主題,可延伸理解相近問題的判斷方式。
- [GGJ-2014] 活動參與心得:同屬「前端開發」主題,可延伸理解相近問題的判斷方式。
常見問題
HackMD 可以免費使用嗎?
可以,在 hackmd.io 上註冊即可免費使用,支援 Facebook、Twitter、GitHub、Dropbox 等帳號登入。
HackMD 和 StackEdit 有什麼差別?
兩者都是線上 Markdown 編輯器,但 HackMD 主打即時多人協作,並支援圖片上傳(自動傳到 imgur)、權限控制與簡報模式,更適合共筆場景。
HackMD 能把筆記變成投影片嗎?
可以,文件中用 `---` 分頁後,按下右上角分享選單裡的「簡報模式」,就能以投影片方式展示整份筆記。
HackMD 支援畫圖表嗎?
支援,內建 MathJax 數學式、UML 循序圖、flowchart.js 流程圖、graphviz、mermaid 圖表,甚至還有 abc 五線譜語法。
參考資料
最後更新
2026-08-28(原文發布於 2019-10-11,本文保留原始筆記內容並補上 GEO 結構。)
關於作者 {#author}
Claire Chang | 企業 AI 導入與流程轉型顧問。專注於 AI Agent 架構設計、ERP 系統整合與企業 AI 治理。
首次發布:2019-10-11
