Created
Aug 8, 2024 07:00 AM
Favorite
Favorite
Priority
备注
推荐
类型
  • 戳上方蓝字“开源先锋”关注我
推荐阅读:
大家好,我是开源君!
大家应该都在用 Markdown 吧,写东西不用太多的考虑排版,很好用。
最近开源君在写项目计划,苦于整理思路,于是就找到了markmap这个开源项目。它可以将 Markdown 文本转换为交互式的思维导图,贼方便!
notion image

项目简介

Markmap是一个用 TypeScript 构建的开源项目,可以在浏览器中运行。它可以将 Markdown 文本解析为思维导图的结构,并以可视化的方式呈现出来。
notion image
目前项目在Github上收获了7.6K star!
notion image

功能特性

  • 支持 Markdown 语法,简单易学
  • 支持多种主题和样式,美观大方
  • 支持导出为 SVG、PNG 和 PDF 格式,方便分享
  • 支持与其他应用程序(例如 Obsidian、Typora)集成,扩展功能

使用体验

如果你不想安装任何东西,官方提供了一个在线网站进行试用:
下面这个是官方给出的实例,左边输入 Markdown,右边就会实时的展示思维导图的内容。
导图可以放大缩小,编写完成后可以将思维导图导出成交互式的 HTML 或者 svg。
notion image
使用语法也简单,基本用 #- 就可以了。
比如下面这样的图,
notion image
在markmap里面的语法就是
其他的语法,基本上和Markdown类似了,如加粗,代码块,数学公式等等。
都可以在左边的markdown源码里面找到对应的语法。
notion image
如果想拥有更好的使用体验,希望在本地也可以使用,那可以使用 VSCode 插件。
在 Visual Studio Code 搜索并安装 markmap 插件就可以。
notion image
要注意的是,文件名以 .mm.md 结尾才可使用。点击右下角「export」按钮可以导出动态的 html 文件。
notion image
另外,项目还支持在本地终端中使用 markmap 命令行、通过 markmap-lib 库在前端代码中控制使用 markmap。
notion image
Markmap是一个实用高效的工具,让我们用简单的Markdown语法就能创建漂亮的思维导图。如果你经常会使用到思维导图,可以去尝试使用一下。
更多项目细节、功能,感兴趣的可以去项目地址探索~~~
项目地址:
https://github.com/markmap/markmap
Loading...