Markdown 转思维导图
免费在线 Markdown 转思维导图工具。左侧输入标题和列表,右侧实时生成交互式思维导图,支持展开层级、适配视图和导出 SVG,基于 markmap,完全在浏览器本地运行。
markmap 是什么?
markmap 是一个开源库,可以把 Markdown 文档转换成可交互的思维导图。标题、列表、链接和加粗文字会变成一棵可用 d3.js 缩放浏览的分支树。
怎么从 Markdown 生成思维导图?
在左侧编辑器输入 Markdown:每个标题成为主分支,列表项成为子节点,嵌套深度决定层级关系。停止输入约 300 毫秒后思维导图自动更新。
哪些 Markdown 元素会变成导图节点?
各级标题(# 到 ######)、有序/无序列表、引用块和任务列表项都会转换为树形结构;加粗、斜体、行内代码和链接会保留为节点文字。
我的 Markdown 会被上传吗?
不会。转换完全在浏览器本地进行,笔记不会离开你的设备,因此私密大纲和头脑风暴内容也很安全。
「展开层级」选项有什么用?
它控制思维导图初始展开的深度:全部展开,或只显示第一、二、三层。之后仍可点击任意节点手动展开或收起其子节点。
如何导出思维导图?
点击「下载 SVG」即可把当前导图保存为带内嵌样式的矢量文件,可在任何浏览器或矢量编辑器中打开,缩放不失真。
如果 Markdown 写错了会怎样?
Markdown 语法非常宽容,真正报错的情况很少。如果转换抛出异常,页面上会保留之前的思维导图,并通过 toast 提示出错原因。
编辑器为空时会发生什么?
画布上方会显示空态提示。只要输入任何 Markdown 内容,思维导图就会自动重新生成。
支持表格或代码块吗?
markmap 专注于层级结构,表格和代码块不会画成节点。想要干净的树形结构,大纲尽量只用标题、列表和文字。
思维导图会跟随深色模式吗?
会。markmap 的配色在浅色和深色背景下都保持可读,切换平台主题时树形图依然清晰可见。
如何使用Markdown 转思维导图
Markdown 的标题和列表天然就是思维导图的节点。在左侧输入大纲,右侧基于 markmap 实时生长出一棵可交互的导图树,全程在浏览器本地渲染。
- 左侧 Markdown 编辑框已预置一份示例大纲——一级标题(#)是主分支,更深的标题(##、###)逐层展开,列表项(-)是最外层叶子节点;输入或粘贴自己的大纲,稍作停顿导图就会自动重建。
- 用“展开层级”下拉控制树的展开深度——“全部展开”显示所有节点,选 1–3 层则收起其余部分,让大型文档更易读。
- 直接在导图上浏览:拖拽平移、滚轮缩放,点击节点可折叠或展开它的分支。
- 平移或缩放之后,按“适配视图”把整张导图重新完整地框回面板中。
- 按“下载 SVG”把思维导图保存为可缩放的矢量文件,或按“复制 Markdown”把源文本带走。
每个节点的文字控制在一行以内——长句会让分支互相挤压。文档很大时,把“展开层级”设为 2 层,只展开正在处理的分支。
相关工具
- Markdown 预览器 免费在线 Markdown 编辑器,支持实时预览。编写、渲染和导出 Markdown,完整支持 GFM 表格、代码块和任务列表。
- Markdown转HTML 即时将Markdown转换为整洁的HTML代码,支持实时预览。免费、私密,完全在浏览器中运行。
- Markdown 表格编辑器 使用可视化电子表格界面创建和编辑 Markdown 表格。设置对齐方式,添加行列,即时生成格式化的 Markdown 代码。
- HTML转Markdown 将HTML代码即时转换为整洁的Markdown格式。支持标题、列表、链接、图片、表格、代码块等。
- 手写签名生成器 免费在线手写签名生成器。可用鼠标、手指或触控笔绘制签名,也可用手写体输入文字,一键下载透明底PNG,可直接插入PDF和Word文档。
- LaTeX公式编辑器 免费在线LaTeX公式编辑器,支持KaTeX实时预览,快速编写和导出数学公式。
- 字帖生成器 生成汉字字帖和描红练习纸,支持米字格、田字格、回宫格、九宫格等多种格子样式,可导出PNG或PDF打印。
- Markdown转微信排版 将Markdown转换为微信公众号排版HTML,支持10种专业主题、代码语法高亮、链接转脚注、一键复制内联样式粘贴到微信编辑器。