热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

使用Markdown语法画流程图

Markdown流程图鉴于本人使用的是马克飞象,所以一下以马克飞象为例:语法流程图的画法和代码块类似,流程图也是写在两个之间的。格式用fl

Markdown流程图

  鉴于本人使用的是马克飞象,所以一下以马克飞象为例:

语法

  流程图的画法和代码块类似,流程图也是写在两个```之间的。格式用flow表示,例如:

st=>start: 注册印象笔记
e=>end: 您可以使用markdown
op1=>operation: 登录印象笔记
op2=>operation: 购买并登录马克飞象
cond=>condition: 是否已经购买并登录了马克飞象?st->op1->cond
cond(yes)->e
cond(no)->op2->e

  首先先将所有的元素进行定义,然后将各个元素进行连接
结果如下:
1171094-20171107103434841-281544581.png

流程图的语法大体分为两段:

  • 定义元素
  • 连接元素

定义元素阶段的语法:
tag=>type: content:>url
tag就是一个标签,在第二段连接元素时用type是这个标签的类型

流程图的基本类型

  • start
  • end
  • operation
  • subroutine
  • condition
  • inputoutput

开始
st=>start:开始
操作流程
st->op->cond
条件
cond=>condition:确认?
结束
e=>end:结束

st[注册印象笔记]-->a
a{是否已经购买马克飞象}
a-->|是|b1(您已购买马克飞象可以使用markdown语法)
a-->|否|b2(您还未能成功购买马克飞象但你可以免费试用10天)
b1-->c[欢迎使用马克飞象]
b2-->d{是否要购买马克飞象}
d-->|是|e1(您已成功购买马克飞象欢迎使用)
e1-->c
d-->|否|e2(试用10天后将会到期欢迎购买)

graph:用来确定代码为视图
-->:用来确定流程图的指向
[]:用来表示矩形
{}:用来表示菱形
||:用来表示判断的是否
():用来表示圆角
表示方式后面输入的解析为真正的显示内容
结果如下:
1171094-20171107103811419-745093574.png

转:https://www.cnblogs.com/Cherry-Linux/p/7797795.html



推荐阅读
author-avatar
hhha老窝_349
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有