有時(shí)候會(huì)使用typora來(lái)繪制一些流程圖，進(jìn)行編碼之類的工作，在網(wǎng)絡(luò)搜集了一些筆記，做個(gè)記錄，方便日后進(jìn)行復(fù)習(xí)，相關(guān)的記錄如下：

每次作圖時(shí)，代碼以「graph <布局方向>」開頭，如：

graph TB
    A(開始)
    B[打開冰箱門]
    C{"冰箱小不?。?}
    D((連接))

TB（Top Bottom）表示從上向下布局，另外三種是
BT
LR（Left Right）
RL

不同種類的括號(hào)對(duì)應(yīng)不同的節(jié)點(diǎn)圖形
括號(hào)中的文字就是顯示在節(jié)點(diǎn)中的描述
A B C D 這些字符是為節(jié)點(diǎn)取的名字，這個(gè)名字可以在之后反復(fù)利用（在編程里這相當(dāng)于定義變量）

線段用于連接節(jié)點(diǎn)，一同來(lái)看一下：

graph TB
    A[把大象放進(jìn)去] --> B{"冰箱小不小？"}
    B -->|不小| C[把冰箱門關(guān)上]
    B -->|小| D[換個(gè)大冰箱]

上述 -->是帶箭頭線段，–>|不小| 是加了描述文字的帶箭頭線段。它們都位于兩個(gè)節(jié)點(diǎn)之間。

上一個(gè)代碼示例中，B{“冰箱小不??？”} 這里的描述文字加了引號(hào)，是因?yàn)槠渲邪厥庾址▎?wèn)號(hào)），用引號(hào)包裹防止出錯(cuò)為節(jié)點(diǎn)取名為 A B C 不太合適，如果節(jié)點(diǎn)很多時(shí)往往容易混淆，不方便后續(xù)使用和閱讀（編程時(shí)命名的重要性）。建議起有意義的名字，除上述帶箭頭線段 --> 外，還有帶箭頭虛線線段 -.->、 帶箭頭加粗線段 ==>、不帶箭頭線段 —

graph TB
    Start(開始) --> Open[打開冰箱門]
    Open --> Put[把大象放進(jìn)去]
    Put[把大象放進(jìn)去] --> IsFit{"冰箱小不??？"}
    
    IsFit -->|不小| Close[把冰箱門關(guān)上]
    Close --> End(結(jié)束)
        
    IsFit -->|小| Change[換個(gè)大冰箱]
    Change --> Open

graph TB
    A(MOVE MOTOR) --> B[RAMPMODESET velocity_positive]
    B --> C[SET AMAX = 1000, SET VMAX = 100000 OR DIFFERENT VALUE]
    C --> D(MOTOR MOVES, CHANGE VMAX AS NEEDED)

graph LR
A[方形] -->B(圓角)
    B --> C{條件a}
    C -->|a=1| D[結(jié)果1]
    C -->|a=2| E[結(jié)果2]
    F[橫向流程圖]

graph TD
A[方形] --> B(圓角)
    B --> C{條件a}
    C --> |a=1| D[結(jié)果1]
    C --> |a=2| E[結(jié)果2]
    F[豎向流程圖]

flowchat
st=>start: 開始框
op=>operation: 處理框
cond=>condition: 判斷框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 輸入輸出框
e=>end: 結(jié)束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op

sequenceDiagram
對(duì)象A->>對(duì)象B: 對(duì)象B你好嗎?（請(qǐng)求）
Note right of 對(duì)象B: 對(duì)象B的描述
Note left of 對(duì)象A: 對(duì)象A的描述(提示)
對(duì)象B-->>對(duì)象A: 我很好(響應(yīng))
對(duì)象A->>對(duì)象B: 你真的好嗎？

sequenceDiagram
Title: 標(biāo)題：復(fù)雜使用
對(duì)象A->>對(duì)象B: 對(duì)象B你好嗎?（請(qǐng)求）
Note right of 對(duì)象B: 對(duì)象B的描述
Note left of 對(duì)象A: 對(duì)象A的描述(提示)
對(duì)象B-->>對(duì)象A: 我很好(響應(yīng))
對(duì)象B->>小三: 你好嗎
小三-->>對(duì)象A: 對(duì)象B找我了
對(duì)象A->>對(duì)象B: 你真的好嗎？
Note over 小三,對(duì)象B: 我們是朋友
participant C
Note right of C: 沒(méi)人陪我玩

%% 時(shí)序圖例子,-> 直線，-->虛線，->>實(shí)線箭頭
  sequenceDiagram
    participant 張三
    participant 李四
    張三->王五: 王五你好嗎？
    loop 健康檢查
        王五->王五: 與疾病戰(zhàn)斗
    end
    Note right of 王五: 合理 食物 <br/>看醫(yī)生...
    李四-->>張三: 很好!
    王五->李四: 你怎么樣?
    李四-->王五: 很好!

flowchat
st=>start: 開始框
op=>operation: 處理框
cond=>condition: 判斷框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 輸入輸出框
e=>end: 結(jié)束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op

flowchat
st=>start: MOVE TO A TARGET POSITION
op=>operation: RAMPMODE SET position
sub1=>subroutine: CONFIGURE RAMP PARAMETERS
op1=>operation: SET XTARGET
cond=>condition: NEW ON-THE-FLY TARGET?
cond1=>condition: CHANGE OF ANY PARAMETERS REQUIRED?
op2=>operation: SET MOTION PARAMETERS AS DESIRED
cond2=>condition: FLAG Event_POS_reached ACTIVE?
e=>end: TARGET POSITION HAS BEEN REACHED
st->op->sub1->op1
op1->cond
cond(yes)->op1
cond(no)->cond1
cond1(yes)->op2(right)->op1
cond1(no)->cond2
cond2(yes)->e
cond2(no)->cond

附錄一個(gè)源碼鏈接：
https://download.csdn.net/download/weixin_44317448/88841198文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-826265.html

到了這里，關(guān)于markdown繪制流程圖相關(guān)代碼片段記錄的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！