美文网首页
Markdown Mermaid 实用教程

Markdown Mermaid 实用教程

作者: 大智先生 | 来源:发表于2018-12-26 11:12 被阅读30次

    Mermaid简介

    Mermaid 是一个用于画流程图、状态图、时序图、甘特图的库,使用 JS 进行本地渲染,广泛集成于许多 Markdown 编辑器中。

    官方网站:https://mermaidjs.github.io/

    项目地址:https://github.com/knsv/mermaid

    流程图语法

    定义节点

    表述 说明
    id[文字] 矩形节点
    id(文字) 圆角矩形节点
    id((文字)) 圆形节点
    id>文字] 旗帜状节点
    id{文字} 菱形节点

    定义连线

    表述 说明
    > 添加尾部箭头
    - 不添加尾部箭头
    -- 单线
    --text-- 单线上加文字
    == 粗线
    ==text== 粗线加文字
    -.- 虚线
    -.text.- 虚线加文字

    参考资料

    有道云笔记Markdown指南

    Mermaid 实用教程 - CSDN

    相关文章

      网友评论

          本文标题:Markdown Mermaid 实用教程

          本文链接:https://www.haomeiwen.com/subject/euzclqtx.html