`mermaid-cli` 生成高分辨率 Mermaid 流程图（可以下载安装Typora更好 ）的操作指南

以下是使用 mermaid-cli 生成高分辨率 Mermaid 流程图（可以下载安装Typora更好 ）的操作指南

一、安装依赖（需管理员权限）

1. 安装 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+）

---

二、生成高清流程图

1. 准备 Mermaid 代码文件

   • 创建文本文件 flowchart.mmd（文件名可自定义，后缀名为mmd）
   • 写入 Mermaid 代码，注意一定是纯文本形式的，建议把代码先粘贴到文本文件，然后再复制过来

2. 加入要转换的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（透明背景）