你是否经历过这样的困境!
深夜伏案疾书,指尖在键盘上敲击出条理清晰的 Markdown 笔记,脑海中的知识脉络却像被封印在二维字符里——明明构建了严密的逻辑金字塔,却难以在扁平化的文档中感知思维的全貌;精心整理的项目规划在嵌套列表中层层展开,团队协作时却需要反复解释各模块的关联性;学术论文的章节结构在#号标题下清晰排列,但总渴望一个上帝视角的思维图谱来俯瞰全局……
欸!还真有办法,你可以换个方式打开 Markdown!
Mark Elixir 是一个开源 VSCode 插件,安装后就能一键用思维导图的方式打开 markdown 文件,这样你可以更直观地看到文章的结构!
安装
先在 VSCode 安装 Markdown MindMap:
- 你可以在 Markdown MindMap 直接点击安卓
- 或在 VSCode 插件商店搜索
Markdown MindMap安装
使用
打开 markdown 文件点击一下右上角的烧瓶图标,就能看到思维导图啦!
当然你也可以选择用 ctrl+shift+p 打开命令面板,输入 mind-elixir.markdown,按回车,效果相同。
效果
这个插件支持最普遍的以标题为结构的 markdown 文件,举个例子!
例如,如果你希望借助这篇文章——React 的设计哲学做一个技术分享,但又没时间做 PPT。这篇文章非常长,要是直接看文章的话会有种看了后面忘掉前面的感觉,我们可以转换成思维导图,这样观众看起来就会清晰一点:
同时,在写作时可以通过思维导图的方式来构建文章结构,这样可以更直观地看到文章的结构,更好地把握文章的脉络。
除此之外以标题分级,Logseq 形式的列表结构跟思维导图会更搭哦!
当你用现在超火的 Deepseek 生成了一个《三国演义》时间线整理,初看 markdown 文件一大堆:
- # 三国历史脉络详解
- ## 1. 东汉崩溃(184-190)
- ### 黄巾起义(184)
- 张角创立太平道
- 起义军头绑黄巾为标志
- 导致地方豪强势力崛起
- ### 十常侍乱政(189)
- 宦官与外戚权力斗争
- 何进召董卓入京
- 引发宫廷政变
- ## 2. 董卓之乱(190-192)
- ### 废立皇帝(190)
- 董卓废少帝立献帝
- 火烧洛阳迁都长安
- ### 诸侯讨董(190)
- 十八路诸侯联盟
- 关羽温酒斩华雄
- 虎牢关三英战吕布
- ### 王允连环计(192)
- 貂蝉离间董卓吕布
- 董卓被诛杀
- ## 3. 群雄割据(192-200)
- ### 中原混战
- 曹操收编青州兵
- 吕布夺徐州
- 刘备三让徐州
- ### 北方争霸
- 袁绍灭公孙瓒
- 曹操迎献帝(196)
- 孙策定江东(199)
- ## 4. 官渡时期(200-207)
- ### 官渡之战(200)
- 曹操 vs 袁绍
- 火烧乌巢战术
- 北方统一关键战
- ### 北方整合(201-207)
- 曹操远征乌桓
- 刘备投刘表
- 诸葛亮出山(207)
- ## 5. 赤壁时期(208-210)
- ### 赤壁之战(208)
- 孙刘联盟形成
- 连环计/苦肉计
- 火攻破曹军
- ### 三国雏形
- 曹操退守北方
- 孙权巩固江东
- 刘备取荆州四郡
- ## 6. 三分鼎立(211-219)
- ### 刘备入川(211-214)
- 庞统献计取西川
- 张飞义释严颜
- ### 汉中之战(217-219)
- 黄忠斩夏侯渊
- 刘备称汉中王
- ### 荆州风云(219)
- 关羽水淹七军
- 吕蒙白衣渡江
- 关羽败走麦城
- ## 7. 夷陵转折(220-223)
- ### 曹丕篡汉(220)
- 东汉正式灭亡
- 魏国建立
- ### 夷陵之战(221-222)
- 刘备为关羽复仇
- 陆逊火烧连营
- ### 白帝托孤(223)
- 刘备病逝
- 诸葛亮受托辅政
- ## 8. 北伐时代(227-234)
- ### 诸葛亮北伐
- 一出祁山失街亭(228)
- 木牛流马运粮
- 五丈原病逝(234)
- ### 东吴动向
- 孙权称帝(229)
- 石亭之战破曹魏
- ## 9. 三国衰亡(235-280)
- ### 曹魏权变
- 高平陵之变(249)
- 司马氏掌权
- ### 蜀汉灭亡(263)
- 邓艾偷渡阴平
- 刘禅出降
- ### 三家归晋(280)
- 晋灭东吴
- 三国时代终结
但是转换成思维导图就清晰多了:
提建议或魔改
如果有建议或者想直接上手修改这个插件,可以在 GitHub 提 ISSUE 或获取 Mark Elixir 源码 。