typora流程图绘制基本操作

流程图

使用
```mermaid
```创建一个流程图编辑区

语法:
graph 方向
节点

• 申明方向

  • TB-Top Bottom
  • BT-Bottom Top
  • RL-Right Left
  • LR-Left Right
  • TD–TB

• 节点与形状

  • 方形节点

    id[text]

  • 圆形节点

    id((text))

  • 圆角矩形

    id(text)

  • 旗条

    id>text]

  • 菱形节点

    id{text}

• 连接线

  • 箭头形 A–>B
  • 开放性A–B
  • 标签连接A–>|text|B
  • 虚线
    • A-.->B
    • A=.=.B
  • 粗实线
    • A==>B
    • A===B

• 示例(横向)

  graph LR
  box[方形]-->circle((圆形))-.->diamond{条件}
  diamond-->|>0?|caseA[条件1]
  diamond-->|else|case2((条件二))
  

• 竖向示例同理

• 标准流程图

  st=>start: 可以插链接:>http://www.google.com[blank]
  e=>end:>http://www.google.com
  op1=>operation: My Operation
  sub1=>subroutine: My Subroutine
  cond=>condition: Yes
  or No?:>http://www.google.com
  io=>inputoutput: catch something...
  para=>parallel: parallel tasks
  
  st->op1->cond
  cond(yes)->io->e
  cond(no)->para
  para(path1, bottom)->sub1(right)->op1
  para(path2, top)->op
  

``