typora 流程图

简书流程图介绍

百度介绍

大致如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
​``` mermaid
graph TD
开始 --> 结束

    TB - 从上到下
    BT - 从下到上
    RL - 从右到左
    LR - 从左到右
    TD - 与TB相同
xxx[正方形文本]
xxx(圆边节点)
xxx((圆形节点))
xxx>非对称的节点]
xxx{菱形的节点}
A-->B 箭头连接
A--B  直线连接
A-- 文字---B 或 A--|文字|--B  中间文字连接
A-->|文字|B 带箭头和文字
A-.->B虚线箭头连接  
A-.文字.>B 文字虚线链接
A==>B 加粗的线连接
xx[“中间填你想要的文字”]
A["这里有个引号#quot;"] -->B["特殊字符:#9829;"] 代码转义字符

1
2
3
4
5
6
7
8
9
10
11
graph TB
    c1-->a2
    subgraph one
    a1-->a2
    end
    subgraph two
    b1-->b2
    end
    subgraph three
    c1-->c2
    end

子图效果如上：

subgraph title
graph definition
end

样式链接

1
2
3
4
5
graph LR
    id1(Start)-->id2(Stop)
    style id1 fill:#f9f,stroke:#333,stroke-width:4px
    style id2 fill:#ccf,stroke:#f66,stroke-width:2px,stroke-dasharray: 5, 5

行程图

journey
    title My working day
    section Go to work
      Make tea: 5: Me
      Go upstairs: 3: Me
      Do work: 1: Me, Cat
    section Go home
      Go downstairs: 5: Me
      Sit down: 5: Me