马上注册，阅读更多内容，享用更多功能！
您需要 登录 才可以下载或查看，没有账号？立即注册 
×
准备工作Markdown是一个轻量级的标记语言，使用普通文本编辑器就能快速编写，不仅显示格式丰富，功能也毫不含糊，分享一个md格式的API请求流程图。 在使用Markdown图表前，你首先需要有解析工具，在本地开发，用vs code再加Markdown preview插件，显然是可以胜任。 由于有些浏览器渲染不出来，所以少数样式流程图带用了图片插入，在强解析下会呈现出相同的两个效果。
基本原理Markdown图表支持类型包括： - 流程图：指定 mermaid（样式流程图） 或 flow （标准流程图）解析语言
- 时序图：指定 sequence（标准时序图） 或 mermaid（样式时序图） 解析语言
- 甘特图：指定 mermaid 解析语言
这些复杂图形的绘制都是使用代码块实现的，指定代码块的解析语言，按照响应的绘制语法即可实现。
Markdown 官方教程
Markdown流程图全指导
如何在Markdown中画流程图 - 简书
如何在Markdown中画流程图呢？当然是用mermaid了，mermaid支持三种图形的绘制, 分别是流程图, 时序图和甘特图。
Markdown 进阶技能：用代码画流程图（编程零基础也适用）
欧卡2中文社区 - Powered by Discuz! (tecbbs.com)
知行社区的应用_discuz开发者_discuz应用作者_Discuz!应用中心
Discuz! Markdown 2.8.1(zxsq_markdown)_Discuz! 插件_Discuz!应用中心
Discuz! 编辑器扩展 2.3.4(zxsq_editor)_Discuz! 插件_Discuz!应用中心
Discuz! 流程图 1.3.1(zxsq_flowchart)_Discuz! 插件_Discuz!应用中心 （这个插件会导致加载速度变慢）
Discuz! Mermaid 1.2(zxsq_mermaid)_Discuz! 插件_Discuz!应用中心
GraphViz和Mermaid两种绘图工具的特点与应用场景。
GraphViz适用于复杂图形的自动布局，支持多种输出格式；
Mermaid则擅长绘制时序图等简单图形，且在Markdown编辑器中有较好的集成度。
超级图表 画图引擎列表引擎代码 | 名称 | 说明 | | gv:(dot,neato,fdp,sfdp,twopi,circo) | Graphviz | 用于绘制DOT语言脚本描述的图形 | | asy | Asymptote | 矢量绘图语言 | | blockdiag | Blockdiag | 类似dot语言的一种绘制流程图的工具 | | cover(:ten) | 图书封面 | 用于生成图书封面 | | ditaa | DIagrams Through Ascii Art | 由Ascii Art生成图片的工具 | | gnuplot | gnuplot | 绘图工具 | | markdown:(dot,neato,fdp,sfdp,twopi,circo) | Markdown思维导图 | 将Markdown转为dot语言用graphviz生成思维导图 | | msc | Message Sequence Chart | 类似dot的一种生成消息序列图的工具 | | qr | 二维码 | 生成给定字符串的二维码图片 | | radar | 雷达图 | 从csv格式文本生成雷达图 |
| 
