用 Markdown 生成思维导图,这款神器太牛了!
相信应该有很多伙伴们现在都在使用 Markdown 吧,它可以让我们专注码字的同时还能兼顾排版,体验非常好。
但是也有缺点,就是可视化能力很弱,展示一些逻辑内容的时候还是不太方便。如果能像思维导图一样进行可视化的展示,那会有多爽!!
最近,大叔就发现了一款很好用的工具 - markmap
,可以将 markdown 和思维导图结合起来,完美的解决上面的问题。下面这个思维导图,就是用这款工具生成的。
简介
Markmap
是一款能够将 Markdown 转为思维导图的开源工具,可以看作是 markdown 和 mindmap 的结合,通过使用markmap,你可以很轻松的绘制一幅思维导图。
特点
使用
在线使用
为了可以快速上手体验 markmap 的效果,官方提供了一个在线网站进行试用:
https://markmap.js.org/repl
下面这个就是官方给的默认的例子,左边录入 Markdown 文本,右边会实时展示出思维导图:
使用Markmap 绘制思维导图,基本上使用 #
和 -
这两个符号就可轻松的添加子分支,例如下面这张图的导图结构:
在 Markmap 中就可以这样来写:
# 开源小分队
## 节点1
- 节点1.1
- 节点1.1.1
## 节点2
## 节点3
## 节点4
其他的语法,基本和 Markdown 的使用方式差不太多,如加粗,删除线,斜体,单行代码,代码块,数学公式,转换成思维导图都有相应的视图效果。感觉就是 Markdown 语法换了种表现形式。
编写完成后可以将思维导图导出成交互式的 HTML 或者 svg 图片,渲染出来的导图可缩放、也可展开收起子节点,样式也非常美观。
离线使用 - VSCode 插件
对于开发者来说,可能更喜欢使用 VSCode 插件。
在 VSCode 中直接搜索 markmap 就可以安装了,很简单方便。可以直接在 VSCode 中预览 markmap:
这里要注意,思维导图的文件后缀名需要是 .mm.md才可使用,点击右下角「export」按钮导出动态的 html 文件。
此外,我们还可以本地终端中使用 markmap 命令行、可以通过 markmap-lib 这个库在前端代码中自行控制使用 markmap。关于这个项目的更多细节、功能,感兴趣的小伙伴可以去项目地址探索~~~
小结
Markmap
这款工具快速地帮我们直接通过 markdown 生成思维导图,而不再需要额外的导图转换等等操作,非常方便。如果你经常会需要使用思维导图,大叔推荐你可以试试 Markmap。
github地址:https://github.com/markmap/markmap
官网地址:https://markmap.js.org/
写在最后
问君能有几多愁,开源项目解千愁,我们下期再见!
相关文章
- 在 Go 里用 CGO?这 7 个问题你要关注!
- 9款优秀的去中心化通讯软件 Matrix 的客户端
- 求职数据分析,项目经验该怎么写
- 在OKR中,我看到了数据驱动业务的未来
- 火山引擎云原生大数据在金融行业的实践
- OpenHarmony富设备移植指南(二)—从postmarketOS获取移植资源
- 《数据成熟度指数》报告:64%的企业领袖认为大多数员工“不懂数据”
- OpenHarmony 小型系统兼容性测试指南
- 肯睿中国(Cloudera):2023年企业数字战略三大趋势预测
- 适用于 Linux 的十大命令行游戏
- GNOME 截图工具的新旧截图方式
- System76 即将推出的 COSMIC 桌面正在酝酿大变化
- 2GB 内存 8GB 存储即可流畅运行,Windows 11 极致精简版系统 Tiny11 发布
- 迎接 ecode:一个即将推出的具有全新图形用户界面框架的现代、轻量级代码编辑器
- loongarch架构介绍(三)—地址翻译
- Go 语言怎么解决编译器错误“err is shadowed during return”?
- 敏捷:可能被开发人员遗忘的部分
- Denodo预测2023年数据管理和分析的未来
- 利用数据推动可持续发展
- 在 Vue3 中实现 React 原生 Hooks(useState、useEffect),深入理解 React Hooks 的