使用Markdown画流程图
时间:2022-07-26
本文章向大家介绍使用Markdown画流程图,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
image.png
工欲善其事,必先利其器。_
废话不多说,开始表演。
markdown画流程图
流程图的语法大体分为两部分:
- 流程图元素定义部分;
- 连接流程图元素部分,该部分用来指明流程图的执行走向。
先来看个例子:
st=>start: 开始
e=>end: 结束
op=>operation: 操作
sub1=>subroutine: 子程序
cond=>condition: Yes or No?
io=>inputoutput: 输入/输出
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
要将语言选择为flow
,就会转换成流程图。
Typora上的运行效果:
image.png
简书啥时候可以支持这个功能呢>?
语法介绍
使用很简单,下面来介绍下语法:
语法 |
说明 |
---|---|
st=>start: |
开始 |
e=>end: |
结束 |
op1=>operation: |
操作、执行说明 |
cond=>condition: |
确认? |
io=>inputoutput: |
catchsomething... |
sub1=>subroutine: |
My Subroutine |
e=>点击本结束跳转:>https://blog.csdn.net |
URL |
st->op1->cond |
链接 |
cond(yes)->io->e |
链接(yes) |
cond(no)->sub1(right)->op1 |
链接(no) |
使用很简单,就可以自己画了。_
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 详解如何实现Laravel的服务容器的方法示例
- laravel 数据迁移与 Eloquent ORM的实现方法
- PDO::query讲解
- Laravel5框架自定义错误页面配置操作示例
- PHP-FPM和Nginx的通信机制详解
- PHP PDOStatement::columnCount讲解
- PHP中上传文件打印错误错误类型分析
- Laravel如何创建服务器提供者实例代码
- PDO::quote讲解
- php intval函数用法总结
- Python Selenium模块安装使用教程详解
- Python selenium模块实现定位过程解析
- Django ORM判断查询结果是否为空,判断django中的orm为空实例
- ThinkPHP框架整合微信支付之JSAPI模式图文详解
- 一文掌握PHP Xdebug 本地与远程调试(小结)