6.4k star!一款美观好用的思维导图神器!

* 戳上方蓝字“开源先锋”关注我


推荐阅读:

两个 Sora API 开源项目,真是速度!


大家好,我是开源君!

大家应该都在用 Markdown 吧,写东西不用太多的考虑排版,很好用。

最近开源君在写项目计划,苦于整理思路,于是就找到了markmap这个开源项目。它可以将 Markdown 文本转换为交互式的思维导图,贼方便!

6.4k star!一款美观好用的思维导图神器!

简介

Markmap是一个用 TypeScript 构建的开源项目,可以在浏览器中运行。它可以将 Markdown 文本解析为思维导图的结构,并以可视化的方式呈现出来。

6.4k star!一款美观好用的思维导图神器!

功能特性

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

使用体验

如果你不想安装任何东西,官方提供了一个在线网站进行试用:

https://markmap.js.org/repl

下面这个是官方给出的实例,左边输入 Markdown,右边就会实时的展示思维导图的内容。

导图可以放大缩小,编写完成后可以将思维导图导出成交互式的 HTML 或者 svg。

6.4k star!一款美观好用的思维导图神器!

使用语法也简单,基本用 #- 就可以了。

比如下面这样的图,

6.4k star!一款美观好用的思维导图神器!

在markmap里面的语法就是

# 开源小分队

## 节点1
- 节点1.1
  - 节点1.1.1

## 节点2
## 节点3
## 节点4

其他的语法,基本上和Markdown类似了,如加粗,代码块,数学公式等等。

都可以在左边的markdown源码里面找到对应的语法。

6.4k star!一款美观好用的思维导图神器!

如果你想拥有更好的使用体验,希望在本地也可以使用,那可以使用 VSCode 插件。

在 Visual Studio Code 搜索并安装 markmap 插件就可以。

6.4k star!一款美观好用的思维导图神器!

要注意的是,文件名以 .mm.md 结尾才可使用。点击右下角「export」按钮可以导出动态的 html 文件。

6.4k star!一款美观好用的思维导图神器!

另外,项目还支持在本地终端中使用 markmap 命令行、通过 markmap-lib 库在前端代码中控制使用 markmap。

6.4k star!一款美观好用的思维导图神器!

Markmap是一个方便实用的工具,让我们用简单的Markdown语法就能创建漂亮的思维导图。如果你经常会使用到思维导图,可以去尝试使用一下。

更多项目细节、功能,感兴趣的可以去项目地址探索~~~

项目地址:
https://github.com/markmap/markmap

原文始发于微信公众号(开源先锋):6.4k star!一款美观好用的思维导图神器!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/218128.html

(0)
小半的头像小半

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!