markdown流程图

Posted h_hg

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了markdown流程图相关的知识,希望对你有一定的参考价值。

代码实例

st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op

  好多markdown流程图都已这段代码为示例,下面主要讲讲代码表示的是什么意思

效果图

代码解读

定义元素

  前四行代码都是tag=>type: content这种形式。

  • tag = 元素名字(变量名)
  • type = 元素类型(变量类型),有如下几种类型
    • start = 开始
    • end = 结束
    • operation = 操作
    • subroutine = 子程序
    • condition = 条件
    • inputoutput = 输入或产出
  • content = 显示内容(变量储存的值)

元素链接

  后三行代码形式如同tag1->tag2,表明tag1指向tag2。
  如果tag的类型是condition,需要在后面表明它是yes还是no的分支。

其他语法

  1. 如果需要在内容后面加上超链接,可以这样写tag=>type: content:>url
  2. 如果需要在内容后面加上注释,可以这样写tag=>type: content|comments:>url
  3. 元素默认的链接方式是向下,如需更改,按tag1->tag2(right),此时tag2在tag1右边,左边用left
  4. conditionyes默认在下,如需更改,按cond(no, bottom)

注意

  严格注意有无空格(被坑了许多次)

文章参考来源
更多语法

以上是关于markdown流程图的主要内容,如果未能解决你的问题,请参考以下文章

markdown PHPExcel Notes和代码片段

markdown Git代码片段

markdown 岩组代码片段

markdown [magento] - 代码片段

markdown 在WordPress中使用jQuery代码片段

markdown 打字稿...编码说明,提示,作弊,指南,代码片段和教程文章