markdown流程图语法
语法 markdown 流程图
2023-09-14 09:08:55 时间
从网上找了非常久关于markdown语法的文章。机会微乎其微。大多所指向的都是同一个页面https://github.com/adrai/flowchart.js
这是github上的一个开源项目,里面对我实用的仅仅有一小段文字
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.baidu.com
c2=>condition: Good idea|rejected
io=>inputoutput: catch something...|request
st->op1(right)->cond
cond(yes, right)->c2
cond(no)->sub1(left)->op1
c2(yes)->io->e
c2(no)->op2->e
由于墙的原因,也没法找到什么实用的外文资料,仅仅能总结一下此段代码里面的语法了。
流程图的语法大体分为两段,第一段用来定义元素,第二段用来连接元素
定义元素阶段的语法是
tag=>type: content:>url
tag就是一个标签。在第二段连接元素时用
type是这个标签的类型。从上段内容看有6中类型,非别为:
start
end
operation
subroutine
condition
inputoutput
content就是在框框中要写的内容。中英文均可,但有一点须要特别注意,就是type后的冒号与文本之间一定要有个空格。没空格会出问题。
url就是一个连接,与框框中的文本相绑定
连接元素阶段的语法就简单多了。直接用->来连接两个元素,须要注意的是condition类型,由于他有yes和no两个分支,所以要写成
c2(yes)->io->e
c2(no)->op2->e
这种格式。
以下为显示情况
假设IE浏览器显示不好,能够使用chrome试试。
相关文章
- 【README.md】Markdown语言常用语法
- markdown语法
- Markdown语法
- 7-2python语法基础-网络编程-TCP协议和UDP协议
- markdown语法备忘笔记
- Markdown 语法整理
- gitlab的yml语法-小结
- TypeScript里的完整函数定义语法
- Atitit.sql ast 表达式 语法树 语法 解析原理与实现 java php c#.net js python
- Atitit. c# 语法新特性 c#2.0 3.0 4.0 4.5 5.0 6.0 attilax总结
- vue3 - 在单独的项目制作自定义组件插件,支持vite【前提不要使用webpack专属语法】,并引入插件 -心得
- markdown基础语法
- PostgreSQL的学习心得和知识总结(七)|分享工具以及select语句解析过程的分析树和语法树图示
- markdown 语法笔记——筑梦之路
- 3.1.3 格式化字符串的语法
- python入门语法总结 zz
- Gitlab----Pipline流水线语法job、script、stages、stage、before_script、after_script、variables、.pre、.post
- 〖Python语法进阶篇⑤〗 - 进程间的通信
- markdown 语法笔记——筑梦之路