* 戳上方蓝字“开源先锋”关注我
推荐阅读:
大家好,我是开源君!
大家应该都在用 Markdown 吧,写东西不用太多的考虑排版,很好用。
最近开源君在写项目计划,苦于整理思路,于是就找到了markmap
这个开源项目。它可以将 Markdown 文本转换为交互式的思维导图,贼方便!
简介
Markmap
是一个用 TypeScript 构建的开源项目,可以在浏览器中运行。它可以将 Markdown 文本解析为思维导图的结构,并以可视化的方式呈现出来。
功能特性
-
支持 Markdown 语法,简单易学 -
支持多种主题和样式,美观大方 -
支持导出为 SVG、PNG 和 PDF 格式,方便分享 -
支持与其他应用程序(例如 Obsidian、Typora)集成,扩展功能
使用体验
如果你不想安装任何东西,官方提供了一个在线网站进行试用:
https://markmap.js.org/repl
下面这个是官方给出的实例,左边输入 Markdown,右边就会实时的展示思维导图的内容。
导图可以放大缩小,编写完成后可以将思维导图导出成交互式的 HTML 或者 svg。
使用语法也简单,基本用 #
和 -
就可以了。
比如下面这样的图,
在markmap里面的语法就是
# 开源小分队
## 节点1
- 节点1.1
- 节点1.1.1
## 节点2
## 节点3
## 节点4
其他的语法,基本上和Markdown类似了,如加粗,代码块,数学公式等等。
都可以在左边的markdown源码里面找到对应的语法。
如果你想拥有更好的使用体验,希望在本地也可以使用,那可以使用 VSCode 插件。
在 Visual Studio Code 搜索并安装 markmap 插件就可以。
要注意的是,文件名以 .mm.md 结尾才可使用。点击右下角「export」按钮可以导出动态的 html 文件。
另外,项目还支持在本地终端中使用 markmap 命令行、通过 markmap-lib 库在前端代码中控制使用 markmap。
Markmap是一个方便实用的工具,让我们用简单的Markdown语法就能创建漂亮的思维导图。如果你经常会使用到思维导图,可以去尝试使用一下。
更多项目细节、功能,感兴趣的可以去项目地址探索~~~
项目地址:
https://github.com/markmap/markmap
原文始发于微信公众号(开源先锋):6.4k star!一款美观好用的思维导图神器!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/218128.html