神器 Markmap

点击“终码一生”，关注，置顶公众号

每日技术干货，第一时间送达！

1、前言

Markdown 的好处是专注码字的同时还能兼顾排版，不用像 word 那样文本加个粗都需要移动下鼠标，体验非常好。

它的缺点就是可视化能力很弱，这就降低了信息的传播效率，毕竟人对于图像化内容的接收程度要强于文本。

可视化表达方面，思维导图就很不错。它作为一种图象化工具，通过层级式发散式地组织主题，帮助我们更好的记忆、学习和思考。

但在过去，这两类工具是各自独立的，也就是你写完 Markdown 文本，想要可视化地传达一些重点给读者，就需要重新录入下思维导图，因此比较繁琐，这也是我不怎么用思维导图的原因。

最近发现一款很好用的工具，可以很好的解决上边的问题，在此分享给大家。

2、工具介绍

这款工具叫markmap。

markmap 可以将 Markdown 语法的文本通过思维导图的方式进行可视化。以下是官网截图，markmap 这个名字来自 markdown 的前半部分和 mindmap 的后半部分，slogan 是 Visualize your Markdown with mindmaps 。

3、工具使用

在线版

如果你不想安装任何东西，那可以直接浏览器（建议 chrome 浏览器）上访问 https://markmap.js.org/repl 即可仿照官网模板进行转换，如下图。左边录入 Markdown 文本，右边会实时展示出思维导图。

Markdown 语法中的链接，加粗，删除线，斜体，单行代码，代码块，数学公式，转换成思维导图都有相应的视图效果。而且支持下载生成动态化的 html 文件以及 svg 文件。

动态化效果如下图，可以折叠和打开。

离线版

如果你想拥有更好的使用体验，并且希望在断网的情况下也能够使用，那我推荐你下面这种方案。

vscode 使用插件

在 Visual Studio Code 上安装 markmap 插件，如下图。

编辑 Markdown 文本，文件名以 .mm.md 结尾即可使用，并且可以点击右下角「export」按钮导出动态的 html 文件。

vscode 使用界面

语法格式

# markmap## Links- <https://markmap.js.org/>
- [GitHub](https://github.com/gera2ld/markmap)## Related- [coc-markmap](https://github.com/gera2ld/coc-markmap)
- [gatsby-remark-markmap](https://github.com/gera2ld/gatsby-remark-markmap)## Features- links
- **inline** ~~text~~ *styles*
- multilinetext
- `inline code`
-```jsconsole.log('code block');```
- Katex - $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$

就是 Markdown 语法换了种表现形式，# 表示一级标题，##表示二级标题。### 表示三级标题

导出思维图

在网页中导出 .html 格式和 .svg 格式

在 VS Code 内导出 .html 格式

看完有没有感觉很方便？好了，赶快去试试吧！

引用链接

[1] markmap: https://markmap.js.org/

[2] markmap 插件: https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode

PS：防止找不到本篇文章，可以收藏点赞，方便翻阅查找哦

神器 Markmap相关推荐

神器Markmap！！！
公众号关注 "五分钟学算法" 设为 "星标",带你挖掘更多开发神器! 前言相信很多程序员朋友都有在用 Markdown 吧,我是大三找实习工作的时候接触到的, ...
VsCode好用的神仙插件
VsCode好用的神仙插件 Auto Rename Tag 前端神器,自动修改标签名,当我们修改一个标签时,自动修改对应的右侧标签. Chinese (Simplified) (简体中文) Langu ...
精选Pycharm里6大神器插件
http://www.sohu.com/a/306693644_752099 上次写了一篇关于Sublime的精品插件推荐,有小伙伴提议再来一篇Pycharm的主题.相比Sublime,Pycharm ...
bootstraptable 汇总_JS组件系列——表格组件神器：bootstrap table
前言:前面介绍了两篇关于bootstrap table的基础用法,这章我们继续来看看它比较常用的一些功能,来个终结篇吧,毛爷爷告诉我们做事要有始有终~~bootstrap table这东西要想所有功能 ...
悬浮按钮app_分享一款网页转App的神器，绝对值得一用
分享一款制作安卓app的神器:名字叫做Fusion Apps,这款神器的主要作用就是可以制作属于自己的网页APP,这款软件的列害之处是他不光可以通过网页制作app,而且可以自己自定义制作,非常具有实用 ...
linux的翻译系统开发,Linux系统下的翻译神器——Goldendict
Linux系统下的翻译神器--Goldendict 学习Linux时明显感受到学习英文的重要性.绝大多数Linux的发行版英文版的功能要远强于中文.因此一款好的翻译软件是了解熟悉Linux系统的必需品 ...
国内 Java 开发者必备的两个神器：Maven国内镜像和Spring国内脚手架
虽然目前越来越多的国产优秀技术产品走出了国门,但是对于众领域的开发者来说,依然对于国外的各种基础资源依赖还是非常的强.所以,一些网络基本技能一直都是我们需要掌握的,但是速度与稳定性问题一直也都有困扰着 ...
GitHub开源：一键生成前后端代码神器
目录 1.技术架构 2.微服务架构图 3.业务应用本篇博客将为朋友们分享一款神器:JeecgBoot. JeecgBoot 是一款基于代码生成器的低代码开发平台,零代码开发.采用前后端分离架构:Sp ...
linux mud 游戏,快刀幻想mud文字传奇-快刀幻想mud神器兑换码-快刀幻想mud下载v1.80-Linux公社...
快刀幻想mud是一款非常好玩的手机版文字传奇游戏,玩法经典复古,让大家回忆满满,<快刀幻想mud>支持很多种娱乐玩法,为玩家打造了绝对优质且经典的传奇世界,玩<快刀幻想mud> ...

神器 Markmap

1、前言

2、工具介绍

3、工具使用

神器 Markmap相关推荐

最新文章

热门文章