使用 mermaid 的流程图功能制作类「思维导图」

Markdown 等易于使用的标记语言的诞生,是为了减少文字排版时间。

而图表也有标记语言,比如 GraphvizPlantUML 等,其中 mermaid 是最流行的,因为使用了 Javascript ,所以能够轻易的添加进各种 Markdown 编辑器以及网页之中。

要使用 mermaid 的流程图功能 (Flowchart) 制作类「思维导图」,常用的语法有这些: 手动控制节点距离通过双引号实现换行子图

最后就能生成一幅 SVG 或 PNG 的「思维导图」了,因为方便,所以使用的是 在线编辑器 自带的生成图片功能,封面图为《靴的分类 思维导图》,无损图以及源码在 这里

使用的编辑工具为: 安装了相关插件的 VS Code 与 Obsidian 。

如果对 mermaid 的其他功能感兴趣,可以阅读《Mermaid,就像用 Markdown 码字一样,高效制作简易流图》—— 火箭君CC 这篇少数派文章。

#工具 #文章 #Markdown
 
 
Back to Top