Markdown流程图的用法

本文介绍如何使用Markdown语法中的flowchart.js插件自动生成流程图。通过简单的代码即可描述复杂逻辑关系并展示流程走向,适合程序员和技术博主快速制作流程图。

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

Markdown中可以使用代码描述逻辑关系,自动生成流程图,例如:

Created with Raphaël 2.1.0 http://www.google.com Start http://www.google.com My Operation http://www.google.com Yes or No? http://www.google.com catch something... http://www.google.com End http://www.google.com My Subroutine yes no

在优快云中使用,要先用 flow 引含起来
定义环节名:

name=>类型: 显示标签:>网络链接
一定要注意冒号后面的空格!!

name=>类型:>网络链接

可使用默认标签
其中可使用类型包括

start end operation subroutine condition inputoutput


然后用->表示连接关系,例如

st->op1->cond

涉及到条件方框用括号表示多输出选择

cond(yes)->io->e
cond(no)->op1

其他方框,用括号选择一个输出线的方向

sub1(right)->op1


以下是复杂的示例

Created with Raphaël 2.1.0 Start 选择 选择 End 操作C baidu.com 操作A baidu.com zhihu.com 操作B zhihu.com yes no yes no

该功能由flowchart.js支持

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值