typora 画流程图、时序图(顺序图)

typora 画流程图、时序图(顺序图)

复制以下代码使用 typora 的源码模式粘贴到编辑器中查看效果:

以下几个实例效果图如下:

1、横向流程图源码格式:
a=1 a=2 方形 圆角 条件a 结果1 结果2 横向流程图

2、竖向流程图源码格式:
a=1 a=2 方形 圆角 条件a 结果1 结果2 竖向流程图

3、标准流程图源码格式:
Created with Raphaël 2.3.0 开始框 处理框 判断框(是或否?) 输入输出框 结束框 子流程 yes no

4、标准流程图源码格式(横向):
Created with Raphaël 2.3.0 开始框 处理框 判断框(是或否?) 输入输出框 结束框 子流程 yes no

5、UML时序图源码样例:
对象A 对象B 对象B你好吗?(请求) 对象B的描述 对象A的描述(提示) 我很好(响应) 你真的好吗? 对象A 对象B 标题:复杂使用

6、UML时序图源码复杂样例:
对象A 对象B 小三 C 对象B你好吗?(请求) 对象B的描述 对象A的描述(提示) 我很好(响应) 你好吗 对象B找我了 你真的好吗? 我们是朋友 没人陪我玩 对象A 对象B 小三 C 标题:复杂使用

7、UML标准时序图样例:
张三 李四 王五 王五你好吗? 与疾病战斗 loop [健康检查] 合理 食物 看医生... 很好! 你怎么样? 很好! 张三 李四 王五 标题:复杂使用

参考网址:

https://www.runoob.com/markdown/md-advance.html

相关推荐
字节逆旅3 天前
如何将markdown生成pdf
markdown
修仙的人13 天前
开源 | 我将用最优雅的方式在 Vue 中渲染 AI 应用返回的 Markdown 数据
前端·vue.js·markdown
<花开花落>13 天前
AI 辅助生成 Mermaid 流程图
ai·流程图·mermaid·tool
黑塞12313 天前
Vscode 编写Markdown支持 plantuml书写
ide·vscode·编辑器·markdown·plantuml
晓华-warm14 天前
Warm-Flow发布1.7.4, 设计器和流程图优化
java·中间件·流程图·组件·flowable·工作流·activities
GIS小小研究僧14 天前
Typora文档另存与图片迁移的一种思路
typora
驳是15 天前
入坑 Docusaurus,看这一篇就够了
react.js·前端框架·markdown
邪恶马铃薯16 天前
Deepseek+墨刀,1min快速生成流程图!
流程图·墨刀
lgldl16 天前
AI自动生成复杂架构图,流程图,思维导图
人工智能·ai·流程图
蓝爱人16 天前
Vue3中使用 Vue Flow 流程图方法
javascript·vue.js·流程图