画图工具Mermaid学习笔记——流程图1

（以下均省略在md中需要的```mermaid ```前后缀）

流程图由节点(node)和边(edge)组成

注意事项：

用到词 "end" 时，需将其任意字母大写。

与其他有连接的节点名开头有字幕 o 或 x 时，需大写或在前面加一空格（如 A--- oB/A---OB）用以和圆边、叉边区分（见后文）

---

单个节点及显示文字（若无文字则显示节点名）

flowchart LR
    id[text in box]

显示文字中使用外嵌双引号和撇号加入markdown 语法文字

flowchart LR
    A["`_text_ by **markdown**`"]

---

 规定节点间指向方向：

LR：从左指向右    TD/TB：从上指向下    RL、BT同理

规定节点外框形状：以下展示了目前可用的种类

flowchart LR
    id1[type1]-->id2[[type2]]-->id3>type3] 
    id4(type4)-->id5([type5])
    id6[(type6)]--> id7((type7))

flowchart LR
    id1{rhombus}-->id2{{hesagon}}-->id3[/parallelogram/]
    id4[\parallelogram alt\]-->id5[/trapezoid\]-->id6[\trapezoid alt/]

---

节点间连接方式：以下只摘录主要的一部分

flowchart LR
    A-->B---C
    A-- text1 ---B-->|text2|C
    A-.->B-.text.->C
    A==>B==text==>C
    M o--o N <--> X x--x Y

---

通过增加破折号以延长某条边，使其跨过更多层级。其他特殊连接方式的延长方法类似。

flowchart LR
    B[Start]
    B --> C
    C --> D
    D --> B
    B -- add length ----> E[End]
    B ---->|add length| F

 

---

 文本内容使用转义字符：语法类似 A["A double quote:#034;"]