告别 XMind！用 Markdown 画思维导图，一键导出超方便！

之前我用过一个叫 Markmap 的工具，能把 Markdown 文本变成思维导图，我想，自己搞个网页及命令行版，直接生成思维导图并导出图片。

说干就干！我研究了一下 ，发现用 markmap-lib 和 markmap-view 这两个库，就能把 Markdown 轻松转换成思维导图。

网页版

访问以下网站直接使用 Markdown 画思维导图

🐳https://wxaiway.com/markmap/

1、文件操作

用起来超简单！要是想开始新的思维导图，直接点“新建 Map”，你就能重新开始。要是有现成的 Markdown 文件，点“加载 Map”，本地文件一导入，内容就出来了。做完图，点“保存 Map”，就能存成 Markdown 文件，下次还能接着改。

比如下面的 Markdown 文本，就能生成对应的思维导图。

# 本站功能## 1. 文件操作- 点击"新建Map"- 点击"加载Map"  - 导入本地Markdown文件- 点击"保存Map"  - 将当前内容保存为Markdown文件## 2. 导出功能- 点击工具栏中的相应图标  - 导出为SVG矢量图  - 导出为PNG图片  - 导出为PDF文档- 点击工具栏中复制图标## 3. 分享功能- 点击"分享链接"

2、导出功能

工具栏里的几个图标，点一下，就能导出不同格式。想高清图片？导出 PNG 就行！要矢量图？SVG 随便导！需要打印？PDF 一键搞定！要是急着分享，点复制图标，图片直接复制到剪贴板，粘贴一下就能发给别人，超方便！

3、分享功能

分享也超简单！点“分享链接”，系统会生成一个带内容的 URL。别人点开就能看你的思维导图，分享知识再也不是难事儿！

命令行版

对命令行感兴趣的朋友，可以参考下面的流程实现离线版的 Markdown 生成思维导图功能。

1、准备工作

yum install -y npm
npm install -g pnpm
yum install -y chromium
git clone https://github.com/wxaiway/markmap.git
cd markmap
pnpm install
pnpm run build

2、命令行使用

运行以下命令生成 HTML 格式的思维导图：

node packages/markmap-cli/bin/cli.js test.md -o output.html --no-open --no-toolbar --offline

运行以下命令生成 PNG 格式的思维导图：

node packages/markmap-cli/bin/cli.js test.md -o output.png --no-open --no-toolbar --offline

AI 编程实践

这个是完全静态的简单网页，我是用对话框聊天的方式把网站一步一步生成的。

如果大家对这个 Markdown 思维导图生成网站有啥需求，欢迎留言，我再跟 AI 聊聊天，把功能加上去。

https://wxaiway.com/markmap/

下面是一些与DeepSeek的聊天记录：

相关阅读

从丑到美！我用AI打造“吉卜力风”个人主页的探索之路

用 AI 编程，轻松搞定事儿，普通人也能上手！

手把手教你用 DeepSeek 和 VSCode 开启 AI 辅助编程之旅

零基础小白的编程入门：用 AI 工具轻松加功能、改代码

聊天也能写程序？10 分钟让 AI 帮你编写出文本格式转换的程序