用 Markmap 把 Markdown 文本渲染成可交互思维导图，支持命令行与 VS Code

Markmap 是一款将 Markdown 文本转换为思维导图的免费工具。它的核心原理是解析结构化的 Markdown 文本，根据标题层级构建树形数据结构，再通过 d3.js 将树形数据渲染为可交互的 SVG 思维导图。

主要特点

• 纯文本驱动：内容以 Markdown 文件存储，可以用任何文本编辑器创建、编辑，也方便接入 Git 做版本控制。相比传统图形化思维导图工具依赖鼠标拖拽，纯文本编辑效率更高。
• 分享与协作：Markdown 是纯文本，体积小，易于分享。团队成员可以像编辑普通文档一样共同修改思维导图的结构和内容，能融入代码仓库、文档项目等文本工作流。
• 交互式可视化：生成的思维导图是动态 SVG，支持点击节点展开/折叠分支、缩放视图、拖拽平移。
• 轻量级与灵活：核心库比较轻量，可集成到 VS Code、Vim、Emacs、MCP Server 等不同环境和工具链中。
• 免费开源：Markmap 是开源项目。

在线体验

最直接的使用方式是访问官方在线工具：

https://markmap.js.org/repl

页面左侧编辑 Markdown 文本，右侧实时预览思维导图，结果可导出为 HTML 或 SVG。

命令行工具

Markmap 提供命令行工具，适合批量处理或集成到构建脚本。全局安装：

npm install -g markmap-cli

生成思维导图：

# 将 input.md 转换成包含交互式思维导图的 output.html
markmap input.md -o output.html

# 或直接生成 SVG
markmap input.md --output output.svg

VS Code 插件

在 VS Code 扩展市场搜索并安装 Markmap 插件，然后即可在 VS Code 中直接编辑 Markdown 并预览思维导图。