V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
vcfghtyjc
V2EX  ›  程序员

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

  •  
  •   vcfghtyjc · Aug 25, 2022 · 1790 views
    This topic created in 1343 days ago, the information mentioned may be changed or developed.

    引用 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  
       Aug 25, 2022
    我更喜欢 plantuml ,幻想着有一天 markdown 支持 plantuml
    vcfghtyjc
        2
    vcfghtyjc  
    OP
       Aug 25, 2022
    @lazyfighter 既然 GitHub 支持 mermaid ,估计就 plantuml 有点难出头了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3404 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 10:53 · PVG 18:53 · LAX 03:53 · JFK 06:53
    ♥ Do have faith in what you're doing.