▲点击上方微信官方账号名称，置顶或星星@蜗牛互联网。
这是蜗牛互联网的第72篇原创。
l白蜗牛
涞源蜗牛互联网
转载请联系授权。
序
相信很多程序员朋友都在用Markdown。大三找实习的时候接触到的，简历上写的是Markdown。
Markdown的好处是可以同时专注于码字和排版。不需要移动鼠标让文字像word一样变粗，体验非常好。
其缺点是可视化能力较弱，降低了信息传播的效率。毕竟人们对视觉内容的接受程度要比文字强。
可视化，思维导图很好。作为一种可视化工具，它通过分层和发散性地组织主题，帮助我们更好地记忆、学习和思考。
但在以前，这两种工具是相互独立的，也就是当你写完Markdown文本，想要直观地向读者传达一些要点时，你必须重新进入思维导图，所以比较繁琐，这也是我不怎么用思维导图的原因。
不过最近我发现了一个很有用的工具，可以很好的解决以上问题，愿意分享给大家。下面是这篇文章重点内容对应的思维导图，就是这个工具生成的。
本文介绍了关键工具。
这个工具叫做markmap[1]。
马克可以通过思维导图将Markdown语法的文本可视化。以下是官网截图。markmap这个名字来源于markdown的前半部分和mindmap的后半部分。口号是用思维导图可视化你的降价。
官方网站页面工具的使用
网络版
如果不想安装任何东西，可以直接在浏览器上访问https://markmap.js.org/repl，按照官网模板进行转换，如下图。在左边输入Markdown文本，思维导图就会实时显示在右边。
在页面的Markdown语法中使用链接、加粗、删除线、斜体、单行代码、代码块、数学公式，转换成思维导图，有相应的视图效果。它还支持下载和生成动态html文件和svg文件。
动态效果如下图，可以折叠打开。
动态效果离线版
如果你想有更好的体验，想即使断网也能使用，那么我推荐以下方案。
在Visual Studio代码上安装markmap插件[2]，如下图所示。
vscode使用插件编辑Markdown文本，文件名以mm.md结尾，可以点击右下角的“导出”按钮导出一个动态html文件。
vscode用户界面简单易用。如果对你有用，请给我点个赞，分享给身边的朋友。非常感谢各位读者朋友，欢迎关注我。我会分享更多优质原创内容。
欢迎关注我并引用链接
[1]mark map:https://mark map . js . org/[2]mark map插件:https://marketplace.visualstudio.com/items ItemName = Gera 2ld . mark map-vs code
