8.流程图、序列图、甘特图

流程图、序列图、甘特图需要一对··· 限制。有的markdown内核，需要在第一个 ···后加mermaid才能正确识别

流程图

竖向流程图

graph TD
    A[start] -->B(步骤一)
    B --> C{条件决策}
    C -->|条件1| D[情况1]
    C -->|条件2| E[情况2]
    C -->|条件3| F[情况3]

效果：

以下流程图CSDN支持，有道云笔记目前不支持

横向流程图：

graph LR
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    F[横向流程图]

标准流程图源码格式：

flowchat
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op

标准流程图源码格式（横向）：

flowchat
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op

序列图

CSDN的序列图UML需要在```后加上mermaid

sequenceDiagram
    loop 每天
        study->>review: have you done and Are you ready to be boss?
        review-->>study:I have a high grasp of knowladge.
    end

效果：

甘特图

CSDN的甘特图需要在```后加上mermaid

gantt
dateFormat YYYY-MM-DD
title 产品计划表
section 初期阶段
明确需求:2016-03-01,10d
section 中期阶段
更进开发:2016-03-11,15d
section 后期阶段
走查测试:2016-03-20,9d