Typora流程图方法
flowchart
Mermaid
flowchart
1
2
3
4
5
6
7
8
9
10
11
| st=>start: 开始节点
in=>inputoutput: 输入
e=>end: 结束节点
op=>operation: 操作节点
cond=>condition: 条件节点
sub=>subroutine: 子例程
out=>inputoutput: 输出
st(right)->in(right)->op(right)->cond
cond(yes,right)->out(right)->e
cond(no)->sub
|
效果如下：
参考：
安装：npm install hexo-filter-flowchart
语法 flowchart
mermaid
1
2
3
4
5
6
7
| graph TB
A1-->B1
B[bname]
C(cname)
D((dname))
E>ename]
F{fname}
|
效果：
graph TB
A1
B[bname]
C(cname)
D((dname))
E>ename]
F{fname}
1
2
3
4
5
6
7
8
9
10
11
12
13
| graph TB
A1-->B1
A2---B2
A3--text---B3
A4--text-->B4
A5-.-B5
A6-.->B6
A7-.text.-B7
A8-.text.->B8
A9===B9
A10==>B10
A11==text===B11
A12==text===>B12
|
效果：
graph TB
A1-->B1
A2---B2
A3--text---B3
A4--text-->B4
A5-.-B5
A6-.->B6
A7-.text.-B7
A8-.text.->B8
A9===B9
A10==>B10
A11==text===B11
A12==text===>B12
1
2
3
4
5
6
7
| graph TB
st(开始)-->op[操作]
op-->co(是或者不是)
co--no-->sub((子程序))
sub-->op
co--yes-->out>输出]
out-->en(结束)
|
效果：
graph TB
st(开始)-->op[操作]
op-->co(是或者不是)
co--no-->sub((子程序))
sub-->op
co--yes-->out>输出]
out-->en(结束)
参考：
Markdown里面使用mermaid画流程图（基础）-CSDN博客
GitHub - mermaid for hexo
流程图在线 (mermaid-js.github.io)