markdown流程图语法

流程图的语法大体分为两部分

  • 流程图元素定义部分
  • 连接流程图元素部分,该部分用来指明流程图的执行走向

定义元素的语法

tag=>type: content:>url

示例

下面代码用代码库括起来加上flow关键字就可以呈现下面的流程图,根据原定义语法

  • st、op、cond、e就是定义的元素tag,这个不是关键字,可以起自己看着顺眼的任意的名字,换成op-start、op-your-op、cond-your-cond、op-end也是没有任何问题的。

  • start、end、operation、condition是markdown flow的关键字,表示tag的类型,这里没出现的还有inputoutput、subroutine

  • 示例中Start、Your Operation、Yes or No?就是具体的content

  • :后面表示流程图标签里面的内容,中英文均可,冒号后面必须有一个空格才能被解析

  • :>后面可以跟一个链接,点击文本时可以通过链接跳转到对应链接

# 这部分是流程图元素定义
st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
content
e=>end

# 这部分是流程图元素连接
st->op->cond
cond(yes)->e
cond(no)->op
Created with Raphaël 2.3.0 Start Your Operation Yes or No? content End yes no
连接流程图元素

连接流程图元素直接用->来连接两个元素,几点说明如下:

  • 使用 -> 来连接两个元素
  • 对于condition类型,有yes和no两个分支,如示例中的cond(yes)cond(no)
  • 每个元素可以制定分支走向,默认向下,也可以用right指向右边,left指向左边
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值