使用Markdown画流程图

本文介绍了如何使用Markdown语言轻松绘制流程图,强调了无需外部图片导入的优势,并通过简单案例、元素定义、连接元素的讲解,以及实例展示了创建流程图的全过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、描述

使用Markdown画流程图的好处大概就是不需要从外链来导图片吧。

二、简单案例

Created with Raphaël 2.2.0 开始 操作 结束

三、定义元素

tag=>type: content:url
元素ID=>元素类型: 展示文字
1、tag

标签,连接元素时使用

2、type

注:元素类型后的冒号和展示文字间必须要有一个空格

元素类型(type)

符号类型
start开始(圆角矩形)
end结束(圆角矩形)
condition判断(菱形)
operation操作(直角矩形)
inputoutput输入输出(平行四边形)
subroutine预定子流程
3、content

展示的文字内容

4、url

指向链接

四、连接元素

使用->连接元素

五、实例

图示

Created with Raphaël 2.2.0 开始框 输入输出框 判断框 操作1 结束框 操作2 子流程1 yes no

源代码

```mermaid
flowchat

start=>start: 开始框
cond1=>condition: 判断框
op1=>operation: 操作1
op2=>operation: 操作2
sub=>subroutine: 子流程1
inputoutput1=>inputoutput: 输入输出框
end=>end: 结束框

start->inputoutput1->cond1
cond1(yes)->op1
cond1(no)->op2
op2->sub
op1->end
> 注:用flow写完拷到CSDN里会自动转换为mermaid
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值