生产力工具 on 软件开发大郭的技术博客

Hugo使用UML流程图插件mermaid

Sun, 09 Oct 2022 09:28:46 +0800

流程图代码

graph TD
    A[愿望] -->|获取到钱| B(购物)
    B --> C{想买的}
    C -->|第一| D[电脑]
    C -->|第二| E[手机]
    C -->|第三| F[fa:fa-car 汽车]

效果

graph TD
    A[愿望] -->|获取到钱| B(购物)
    B --> C{想买的}
    C -->|第一| D[电脑]
    C -->|第二| E[手机]
    C -->|第三| F[fa:fa-car 汽车]

流程图在线编辑器：

https://mermaid-js.github.io/mermaid-live-editor/