[村通网] 原来可以在 markdown 里面用 Mermaid 画图

2022-08-25 11:48:06 +08:00
 vcfghtyjc

引用 Github page 的原话描述一下 Mermaid

Mermaid 是一个基于 Javascript 的图表绘制工具,通过解析类 Markdown 的文本语法来实现图表的创建和动态修改。Mermaid 诞生的主要目的是让文档的更新能够及时跟上开发进度。

现在支持:流程图,时序图,甘特图,类图,状态图,饼图,Git 图。

对于我来说,使用 PPT 来管理流程图的体验着实不好。现在用 Mermaid 可以让图作为 Markdown 的一部分来管理文档,极大的提升了体验。

GitHub 现在是支持 Mermaid 的。不过 V2EX 还不支持,@Livid 这不安排一下?

以下是一个小例子

代码

flowchart LR
    A[Hard] -->|Text| B(Round)
    B --> C{Decision}
    C -->|One| D[Result 1]
    C -->|Two| E[Result 2]

效果图

1101 次点击
所在节点    程序员
2 条回复
lazyfighter
2022-08-25 13:39:47 +08:00
我更喜欢 plantuml ,幻想着有一天 markdown 支持 plantuml
vcfghtyjc
2022-08-25 14:02:46 +08:00
@lazyfighter 既然 GitHub 支持 mermaid ,估计就 plantuml 有点难出头了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/875284

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX