產品說明
StackEdit 是一款開源的 Markdown 編輯器,基於 PageDown(與 Stack Overflow 所使用的編輯器相同)。它最迷人的地方在於「打開即用」的便利性,完全無需安裝任何軟體即可在瀏覽器中提供媲美桌面應用的編輯體驗。
StackEdit 專為寫作者、程式設計師與部落客設計,支援即時預覽、數學公式(KaTeX)、流程圖(Mermaid)以及複雜的表格排版。更重要的是,它具備強大的雲端同步能力,能將筆記直接同步至 Google Drive、Dropbox 或 GitHub,甚至能直接將文章發布至 WordPress 或 Blogger。
核心特色:
- 即時 HTML 預覽:左側撰寫、右側即時渲染,支援滾動同步。
- 離線工作模式:即使沒有網路連線,你依然可以開啟瀏覽器進行編輯,所有變更會儲存在瀏覽器本地快取中。
- 強大的語法擴展:內建支援 LaTeX 數學表達式、UML 流程圖及表情符號。
- 多端同步與發布:支援將 Markdown 檔案一鍵發布成 HTML、PDF 或同步至雲端硬碟與 Git 倉庫。
常用指令
由於 StackEdit 主要作為 Web 應用運行,其操作多透過快速鍵與網址參數完成。若需自託管(Self-hosting),可使用 Docker 部署。
啟動與基礎操作
# 使用 Docker 快速啟動自託管版本
docker run -d -p 8080:8080 --name stackedit benweet/stackedit
# 透過 URL 直接開啟特定模式
# 開啟精簡模式
[https://stackedit.io/app#mode=minimal](https://stackedit.io/app#mode=minimal)
| 快速鍵 / 模式 | 功能說明 | 適用情境 |
|---|---|---|
| Ctrl + S | 手動觸發雲端同步 | 確保資料即時備份 |
| Ctrl + E | 匯出檔案 | 轉換為 PDF 或 HTML 格式 |
| Smart Typing | 自動補全括號與引號 | 提升撰寫流暢度 |
| Custom Themes | 自定義編輯器主題 | 調整配色以保護眼睛 |
| Extensions | 擴充功能管理 | 開啟或關閉 KaTeX/Mermaid 支援 |
進階技巧
Workspace 管理:StackEdit 支援多個「工作區」,你可以將個人日記與工作專案分別同步到不同的 Google Drive 帳號。
自訂樣式表 (CSS):在匯出 HTML 時,你可以自定義 CSS,讓生成的網頁完全符合你的個人或企業視覺品牌。
YAML Front Matter 支援:支援讀取與保留文件頭部的 metadata,這對使用 Jekyll 或 Hexo 等靜態網站生成器的使用者非常友善。
操作介面

