DotMD能繪製 Mermaid 圖表的Mac Markdown 檢視器。
在標記為 mermaid 的程式碼區塊中，用文字寫下圖表，DotMD 就會把它畫在頁面上。內容不會離開你的 Mac：可離線使用，淺色與深色外觀都適用。
需要 macOS 14 或以上版本。閱讀免費；編輯與審閱為一次付費。
快速解答
DotMD 是支援 Mermaid 的 Mac Markdown 檢視器。標記為 mermaid 的程式碼區塊會被畫成流程圖、循序圖、類別圖、狀態圖、實體關係圖、甘特圖、圓餅圖、心智圖、時間軸或 Git 圖，離線完成，並配合你的主題色彩。檢視免費；附即時預覽的編寫功能屬於 DotMD Editor。
DotMD 能繪製哪些 Mermaid 圖表？
DotMD 內建 Mermaid 10.9。它能繪製以下幾種圖表，編輯器也為每一種備有現成範本：
- 流程圖與狀態圖：步驟、判斷與轉換。
- 循序圖：誰依序傳什麼給誰。
- 類別圖與實體關係圖：型別、資料表及其關聯。
- 甘特圖與時間軸：隨時間展開的計畫與事件。
- 圓餅圖、心智圖與Git 圖。
圖表在你的 .md 檔案裡仍是文字，所以容易修改，每次修改也都會出現在版本記錄中。
如何在 Mac 上檢視 Markdown 檔案中的 Mermaid
標記為 mermaid 的程式碼區塊會在頁面上變成圖表，而不是顯示原始碼。
-
開啟檔案
按下 ⌘O 並選擇 .md 檔案或它的資料夾，也可以把它拖到 DotMD 上。頁面開啟時，每張圖表都會畫出來。
-
放大細看
按一下圖表，就能在頁面上方以大圖檢視。用雙指縮放最多可放大 8 倍，拖曳可移動，按 Esc 返回。
-
配合主題
圖表會跟著頁面走：依你在 Aa 選單中選擇的主題，以淺色或深色繪製。
用即時預覽編寫 Mermaid
編輯屬於 DotMD Editor。按下 Edit 或 ⌘E，再開啟 Preview（⌥⌘E）：你輸入時，圖表會在文字旁重新繪製，按一下圖表就會跳到它的原始碼。
Insert → Diagram 會把十種圖表中任一種可運作的範例放進你的檔案，讓你直接修改。
Quick Look、PDF 與 HTML 中的 Mermaid
在 Finder 中選取 .md 檔案後按空白鍵，預覽也會顯示它的圖表：用 Quick Look 預覽 Markdown。
Export as PDF… 會先畫好圖表再產生 PDF：在 Mac 上將 Markdown 轉成 PDF。匯出的 HTML 檔案在開啟時會從網路載入 Mermaid。
圖表沒有出現時
- 檢查第一行：它指出圖表的種類，例如
flowchart TD或sequenceDiagram。 - 含有括號、冒號或引號的標籤，請用雙引號
"…"包起來。 - 語法有誤時，會顯示 Mermaid 的錯誤訊息，而不是圖表。
關於 Mac 上 Mermaid 的常見問題
DotMD 能離線顯示 Mermaid 圖表嗎？
可以。Mermaid 內建於 DotMD，在你的 Mac 上繪製，不需要網路。只有匯出的 HTML 檔案會從網路載入它。
檢視 Mermaid 圖表免費嗎？
免費。閱讀含圖表的 Markdown、資料夾、分頁與 Quick Look 永遠免費。附即時預覽的編輯屬於 DotMD Editor，一次付費 $14.99。
可以使用哪些 Mermaid 圖表？
流程圖、循序圖、類別圖、狀態圖、實體關係圖、甘特圖、圓餅圖、心智圖、時間軸與 Git 圖。編輯器為每一種都備有範本。
如何用即時預覽編輯 Mermaid？
在 DotMD Editor 中先按 ⌘E，再按 ⌥⌘E。你輸入時，圖表會在文字旁重新繪製。