V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
vcfghtyjc
V2EX  ›  程序员

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

  •  
  •   vcfghtyjc · 2022-08-25 11:48:06 +08:00 · 1077 次点击
    这是一个创建于 821 天前的主题,其中的信息可能已经有所发展或是发生改变。

    引用 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]
    

    效果图

    lazyfighter
        1
    lazyfighter  
       2022-08-25 13:39:47 +08:00
    我更喜欢 plantuml ,幻想着有一天 markdown 支持 plantuml
    vcfghtyjc
        2
    vcfghtyjc  
    OP
       2022-08-25 14:02:46 +08:00
    @lazyfighter 既然 GitHub 支持 mermaid ,估计就 plantuml 有点难出头了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   920 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 22:16 · PVG 06:16 · LAX 14:16 · JFK 17:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.