欢迎来看我的网络日志,交流请加我好友: 919201148。欢迎关注公众号或视频号:蜗牛互联网
Solo  当前访客:18 开始使用

蜗牛学编程

微信搜索「蜗牛互联网」,回复 1024 有惊喜!!! 程序员 | 互联网 | 科技 | Java | 架构 | 职场进阶 | 财富进阶

最佳的思维导图生成工具——markmap 使用教程

2020-11-28 22:22:38 huayonglun
0  评论    0  浏览

前言

相信很多程序员朋友都有在用 Markdown 吧,我是大三找实习工作的时候接触到的,简历就是用 Markdown 写的。

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

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

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

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

不过最近我发现一款很好用的工具,可以很好的解决上边的问题,在此分享给大家。以下是本文的重点内容对应的思维导图,就是用这款工具生成的。

本文重点

工具介绍

这款工具叫 markmap

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

官网页面

工具使用

在线版

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

使用页面

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

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

动态效果

离线版

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

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

vscode 使用插件

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

vscode 使用界面

这款工具简单又好用吧,如果对你有用的话,可以给我点个赞,分享给身边朋友,非常感谢读者朋友,也欢迎关注我,我会分享更多优质原创内容


欢迎关注我


标题:最佳的思维导图生成工具——markmap 使用教程
作者:huayonglun
地址:http://huayonglun.com/articles/2020/11/28/1606573358692.html
文章未经特殊标明皆为本人原创,未经许可不得用于任何商业用途,转载请保持完整性并注明来源链接。
转载请注明:文章转载自 huayonglun.com

本网站内容完全免费,但网站运营每月都需要付出时间和金钱。分享、转发、订阅是对我最大的肯定和支持。
如果能打赏一杯咖啡,那我就太开心了~加我微信(919201148)交个朋友我也很开心~


qrcode_for_gh_d5ac6a234eaf_258.jpg

,



微信搜一搜「蜗牛互联网」
→「技术干货」每周推送
→「免费资料」随时领取
→「优质社群」随时加入
qrcode_for_gh_d5ac6a234eaf_258.jpg

点击或扫码添加蜗牛微信,加入技术交流群 qrcode_for_gh_d5ac6a234eaf_258.jpg

目录

TOP