在Hexo博客中插入流程图的方式

插入流程图

st=>start: Start|past:>http://www.google.com[blank]
e=>end: End:>http://www.google.com
op1=>operation: My Operation|past
op2=>operation: Stuff|current
sub1=>subroutine: My Subroutine|invalid
cond=>condition: Yes
or No?|approved:>http://www.google.com
c2=>condition: Good idea|rejected
io=>inputoutput: catch something...|request
true
st->op1(right)->cond
cond(yes, right)->c2
cond(no)->sub1(left)->op1
c2(yes)->io->e
c2(no)->op2->e

st=>start: Start
e=>end
op=>operation: My Operation
cond=>condition: Yes or No?

st->op->cond
cond(yes)->e
cond(no)->op

st=>start: 开始注册界面
e1=>end: 下单完成，可到订单页面查看订单
e2=>end: 请到"我的订单"页面支付未完成订单
op1=>operation: 手动输入位置
op2=>operation: 挑选店铺外卖然后进行下单
op3=>operation: 选择收货地址
op4=>operation: 支付订单
op6=>operation: 注册账号，输入手机号密码获取验证码验证。
op7=>operation: 登陆，输入相应的手机号和密码。
cond1=>condition: 已有账号?
cond3=>condition: 是否允许应用获取当前位置
cond4=>condition: 订单是否支付成功？
st->cond1(no)->op6->op7
cond1(yes)->op7->cond3
cond3(yes)->op2
cond3(no)->op1->op2
op2->op3->op4->cond4
cond4(yes)->e1
cond4(no)->e2

st=>start: 开始:>http://www.google.com[blank]
e=>end: 结束:>http://www.google.com[blank]
op1=>operation: 操作
sub1=>subroutine: 子流程
cond=>condition: yes or no ?:>http://www.google.com[blank]
io=>inputoutput: 输入输出...
st->op1->cond
cond(yes)->io->e
cond(no)->sub1(right)->op1