news 2026/9/6 1:55:06

# 思维导图直接长在 Markdown 里?画完就是一张图,右键还能继续改

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
# 思维导图直接长在 Markdown 里?画完就是一张图,右键还能继续改

> MyMarkdown「思维导图」插件(mindmap v1.2.3)介绍。纯前端、零权限、本地离线,XMind 风格的左右分支导图,画完导出成图插入文档。

---

## 一、先解决一个真问题

以前整理知识结构是两套工具来回切:

- 思维导图在 幕布里画,画完截图贴进笔记 → 图是死的,想改一行字得重画
- Markdown 笔记里写大纲 → 层次是有了,但不够直观

于是给 MyMarkdown 做了个「思维导图」插件:**导图直接长在 Markdown 文档里**——打开就是一张所见即所得的图,中心主题 + 左右彩色分支,边想边敲就能长成一棵树;画完一键插入文档,变成一张随 Markdown 保存的图片;之后右键这张图,还能回到编辑器继续改,布局一点不丢。

## 二、怎么上手

1. 工具栏点「思维导图」,以「中心主题」为起点
2. **Tab** = 添加子主题,**Enter** = 添加同级,逐层往下搭
3. 点右上角「插入到文档」,导图以图片形式插入光标处

常用快捷键:

| 操作 | 说明 |
| --- | --- |
| Tab | 为当前主题添加子主题并进入输入 |
| Enter | 添加同级主题 |
| 双击 / F2 | 编辑主题文字 |
| Del / Backspace | 删除当前主题 |
| 小圆点 | 折叠 / 展开分支 |
| Ctrl+Z / Ctrl+Y | 撤销 / 重做 |

工具栏另有 +/- 缩放、「适应窗口」一键铺满、「大纲」切换。

## 三、编辑体验:轻

**双击主题直接改字**(或选中按 F2)。没有弹窗、没有输入框跳来跳去,光标直接在标签上原地编辑;回车保存、Esc 取消、Tab 保存并新建子主题继续输入,点画布空白处也会自动保存。

**拖拽排版接近 XMind**:按住主题拖动,半透明蓝色幻影标签跟手,落点实时高亮——

- 目标主题**上缘**:插到它前面(同级上移)
- 目标主题**中间**:变成它的子主题
- 目标主题**下缘**:插到它后面(同级下移)
- 拖到**左右空白**:一级分支切到左侧/右侧,深层分支提升为一级分支
- 拖拽中按 Esc 取消

同级排序、改层级、左右换边,一次拖动全部搞定,不用像传统导图那样先想好再一层层建。

## 四、大纲视图:图形整理思路,文本批量录入

点工具栏「大纲」,画布切换成纯文本大纲:一行一个主题,每 2 个空格代表一级缩进。适合快速浏览、批量录入、长文整理——直接改文本再切回导图视图,内容同步更新。图形和文本是同一份数据的两种看法。

## 五、最特别的地方:图记得它自己

插入文档后,这张导图不是普通图片:

- **右键文档里的导图** → 「编辑思维导图」,随时回到编辑器继续改
- 布局、左右分配、折叠状态全部保留,重新打开不会"变形"

原理是把导图数据写进图片的 `title`:

```markdown
![思维导图](images/mindmap.png "mm-mindmap:<base64 JSON>")
```

数据里包含版本、根节点、children、text、folded(折叠)、side(左右)等信息。所以"图 = 数据":**分享 .md、换电脑、导源码,右键都能继续编辑**,不需要单独保存一份导图源文件。

导出 PNG 也是高清 2 倍绘制:白底、贝塞尔连线、圆角主题,纯前端输出,不依赖第三方绘图库。

## 六、如实说的边界

- 导图以「图片」形式插入文档:正文排版不受影响,但**导图内文字不参与文档检索**(想被搜到就把关键内容写进正文或大纲)
- 数据存在图片 title 里:超大导图会让 title 变长,常规百节点以内无感
- 插件零权限:不读文件、不联网、不上传,完全本地运行

## 七、适合谁

- 学生:一门课的知识地图,左右分色分支一眼看清结构
- 写技术文档/方案的人:先导图理思路,再插进 Markdown 变配图
- 经常用 Markdown 记笔记、又不想被第二套软件绑架的人

## 八、获取

- 前提:MyMarkdown 桌面版(官网 mymarkdo.cn 下载,免费)
- 插件:`mindmap.mmplugin`,设置 → 插件 → 安装插件后重启软件,工具栏出现「思维导图」

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/6 1:53:47

S7-1200 MODBUS RTU版本匹配指南:CB1241/CM1241与固件指令详解

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

作者头像 李华
网站建设 2026/9/6 1:52:42

HR智能体落地指南:从自主规划到回写闭环的三步路径

摘要&#xff1a;本文围绕 HR 智能体的价值与落地展开&#xff0c;智能体的分水岭不在于有无对话窗口&#xff0c;而在于能否自主规划、调用系统并回写结果。文章从工具到智能体的三次迭代讲起&#xff0c;拆解了基座层、企业本体、Skill 与 MCP、治理层四层技术架构&#xff0…

作者头像 李华
网站建设 2026/9/6 1:49:32

java——顺序表ArrayList与链表LinkedList

一.引言 通过本篇博客&#xff0c;学者将深刻认识到顺序表ArrayList与链表LinkedList的区别和使用方法&#xff0c;文章将通过对概念的深度解析&#xff0c;用通俗易懂的白话讲清了两者的关系和使用场景。 二.目录 1,线性表 2.顺序表 3.何为ArrayList&#xff1f; 4.Arra…

作者头像 李华
网站建设 2026/9/6 1:42:59

Vidu Q3 国内哪些平台可直接用?SaaS 网页与云平台全汇总

摘要&#xff1a;Vidu Q3 作为行业主流视频生成模型&#xff0c;备受创作者关注。在国内&#xff0c;卓特视觉无限画布已接入该模型&#xff0c;用户可通过 SaaS 网页端直接调用。本文汇总了 Vidu Q3 的可用平台&#xff0c;重点解析卓特视觉无限画布的节点式创作能力、多模型矩…

作者头像 李华
网站建设 2026/9/6 1:41:24

多级运放组合电路计算题详解:已知输出表达式反求电阻参数

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

作者头像 李华