以下是使用 mermaid-cli
生成高分辨率 Mermaid 流程圖(可以下載安裝Typora更好 )的操作指南
一、安裝依賴(需管理員權限)
- 安裝 Node.js v16+
- 官網下載:Node.js 官方下載
驗證安裝成功:
node -v # 應顯示 v16.x 或更高
npm -v # 應顯示 8.x 或更高
安裝 mermaid-cli 工具
npm install -g @mermaid-js/mermaid-cli
安裝后驗證:
mmdc --version # 成功安裝會顯示版本號(如 10.0.0+)
二、生成高清流程圖
-
準備 Mermaid 代碼文件
- 創建文本文件
flowchart.mmd
(文件名可自定義,后綴名為mmd) - 寫入 Mermaid 代碼,注意一定是純文本形式的,建議把代碼先粘貼到文本文件,然后再復制過來
- 創建文本文件
-
加入要轉換的markdown文件的文件夾
win+cmd,進入終端管理員(避免權限問題)
接著:
D: cd QQ文件 分別執行以上兩步,進入文件所在的文件夾,文件夾路徑可以根據具體實際進行調整
最后輸入轉換代碼
mmdc -i diagram.mmd -o flowchart.png -w 5000 -H 3000
mmdc -i diagram.mmd -o flowchart.png -w 5000 -H 3000 輸出文件格式支持pdf、svg、png,輸出和輸入文件名可以根據實際進行調整 輸出的圖片寬度和高度也可以進行相應的調整
關鍵參數說明:
參數 作用 建議值 -i
輸入文件 .mmd
文件路徑-o
輸出文件 .png
或.svg
-w
圖片寬度 ≥3000(避免模糊) -H
圖片高度 按流程圖復雜度調整 -t
主題(可選) default
/forest
/dark
-b
背景色(可選) transparent
(透明背景)