如何用markdown写流程图

最新推荐文章于 2022-01-06 15:43:59 发布
最新推荐文章于 2022-01-06 15:43:59 发布
阅读量1k 收藏 1
点赞数
分类专栏： markdown 文章标签： 心情随笔
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhze2007/article/details/79427434
版权

很久没上CSDN，突然发现CSDN居然支持markdown, 可惜不能导出PDF和WORD
画流程图有三部分
-流程图开始和结束
-流程节点定义
-流程节点流转
开始比较有趣，是用键盘上1左面的按键输入三个“`加flow
节点定义左面是自己定义的名称，类似别名，右面是流程的元素名。
比如下列定义st是自己给的名称，右面start代表是流程图开始节点元素

st=>start

流转就比较简单用->把定义的节点连接起来

cond(yes)->op0

下面是例子：

记录下我的元宵节-一封邮件引发的苦恼-

Created with Raphaël 2.1.2 开始-元宵节 快乐一天... 收到公司邮件"通知去考试" 心中有底？ 回忆下两年多没接触过考试内容 结束=苦读中... yes no
mentoruser
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Markdown绘制流程图
Blog Life
04-08 480
Markdown绘制简单的流程图，下面附上代码： st=>start: 开始 e=>end: 结束 op1=>operation: 流程图设计 op2=>operation: 开始制作 op3=>operation: 继续改进 cond1=>condition: 完整的设计？ cond2=>condition: 完整的设计? io1=>inpu...
Markdown 使用技巧之利用 Mermaid 进行绘制流程图
独泪了无痕
05-30 1903
Markdown 的原生语法不支持绘制图形，但通过 Mermaid 扩展，我们可以将一些格式化的文字渲染成我们需要的图形。Mermaid 是一个类似 Markdown 的开源脚步语言，它能够根据输入的语句自动生成合适的图像，方便于 Markdown 文档撰写者通过文本方式生成图形的扩展工具。相比 Visio 它要轻很多，几行文字便可生成一幅完整且美观的流程图。
Markdown笔记：如何画流程图
MR CUI的专栏
12-05 9168
参考Markdown笔记：如何画流程图 Mark流程图语法 流程图的语法大体分为两部分： •流程图元素定义部分； •连接流程图元素部分，该部分用来指明流程图的执行走向。 定义元素的语法 tag=>type: content:>url 实例： ```mermaid flowchat st=>start: 开始 e=>end: 结束 op=>operation: 操作 ...
使用 markdown语法绘制流程图
分享日常的学习，开展的项目，编写的软件，解决的问题等~
02-07 3895
之前我写博客都是使用上传图片的方式来展示流程图，这种方法比较麻烦，还要自己画，考虑到markdown 语法非常流行，越来越多的人使用 markdown 来写csdn 博客，所以我想能不能用 markdown 快速的绘制流程图呢？答案是肯定的，本篇博客讲述如何使用markdown 语法来进行流程图绘制，语法比较简单，画出的流程图也比较好看。 使用mermaid 绘制流程图 一般语法结果如下所示：...
Markdown绘制流程图的方法
热门推荐
Vincent的专栏
08-13 1万+
Markdown绘制流程图的方法 日期：2015/08/13 作者：Z.K. 用Markdown绘制流程图十分简单方便，下面以几个例子来介绍其使用方法Example1闰年判断在编辑器中输入如下代码，```flow st=>start: Start i=>inputoutput: 输入年份n cond1=>condition: n能否被4整除？ cond2=>condition: n能否被1
Markdown语法补充---字号颜色表情流程图等
m0_53005929的博客
01-06 1527
markdown语法讲解
Jupyter用Markdown绘制三大结构流程图.ipynb
04-21
将ipynb文件上传到jupyter才可以看到效果：https://python.jupyter.vip/
Markdown+Bootstrap图片自适应属性详解
09-02
当需要更复杂的功能，如流程图、时序图、表格或公式时，可能需要使用更专业或功能更全的编辑工具，或者结合其他工具和技术，如Markdown扩展或服务器端渲染。Markdown与Bootstrap的结合使用，虽然可以提升网页的美观...
一个vue的markdown编辑器组件，在支持常规markdown语法的基础上添加了图片上传、多主题切换、流程图支持和一系列功能
最新发布
06-05
这款编辑器不仅包含了Markdown的基本语法支持，还引入了一些高级特性，如图片上传、多主题切换以及流程图绘制，极大地提升了用户体验和编辑效率。 首先，让我们来了解一下Markdown。Markdown是一种轻量级的标记语言...
Flowchart流程图
09-28
1. **语法简洁**：Flowchart.js支持基于Markdown风格的文本定义流程图，例如： ``` flowchart TD A[开始] --> B[处理] B --> C[检查] C -- 是 --> D[结束] C -- 否 --> E[修正] E --> D ``` 这段代码将生成...
markdoc：带有流程图和序列图的Markdown
02-02
带有序列图和流程图支持HTML转换器降价。 生成包括图表的文档具有以下优点： 文档可以像源代码一样签入版本控制中，并且可以有效地比较更改，因为它们都是文本 使用绘图软件制作和更新图表很慢 它使用转换图表的...
markdow绘制流程图
atomdu的专栏
08-28 676
经常使用markdow写东西，但之前仅限于基础的使用，流程图语法没用过，现在记录一下语法，以后多用用，markdown的流程图用起来真的很方便。 流程图大致分为两段，第一段是定义元素；第二段是连接元素，定义元素之间的走向。 定义元素 tag => type : content :> url tag：元素名称 type：元素类型（6种） start：开始 end：结束 ope...
markdown基本使用和流程图、甘特图、UML图的用法
qq_24726043的博客
01-01 2245
Markdown的基本用法使用和mermaid、Flowchart、甘特图、饼图的用法
【操作随记】Markdown表格不生效不生效
MengYan89的博客
07-16 5737
在之前写github项目中的README的时候，想要添加表格，根据语法编辑发现表格不生效。 如： # 一、数据库试题 现有学生、课程、成绩、教师四张表。包含以下信息： 1.学生表(STUDENT) | 字段名 | 注释 | | ------ | ----- | | S_NO | 学号 | 经修改后生效，原因是：表格的语句上一行必须为空行，不然表格不生效。 正确演示： # 一、数据库试题 现有学生、课程、成绩、教师四张表。包含以下信息： 1.学生表(STUDENT)
markdown画流程图
adorable_的博客
06-10 5536
使用工具： Typora 轻量级markdown工具 使用方法： 添加代码，选择flow语言 基本语法： MarkDown中的流程图语法叫flow，该语法只有两个注意事项：定义元素和连接定义好的元素 模块定义： 模块名称=>类型: 显示的内容[:>超链接URL] 注意：=>后不能有空格， :后需要有空格 连接语法： 模块名称1->模块连接2 模块名称1(箭头方向)->模块连接2 模块之间使用->符号连接 箭头方向包括：left、right、top、bottom、yes
markdown流程图_Markdown完整教程
weixin_33411250的博客
12-14 1万+
Markdown简介Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。Markdown 语言在 2004 由约翰·格鲁伯(英语：John Gruber)创建。Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。Markdown 编写的文档后缀为 .md, .markdown。编辑器当前使用较多的编辑器是 ...
Markdown里面的流程图
背对星星和月亮
07-14 1万+
Markdown里面的流程图在众多的markdown编辑器中,作者使用Typora, 它具有实时渲染可见与编辑的特点, 并且还支持自定义渲染效果(只需要更改CSS文件即可). 该软件的流程图由flowchart.js支持, 流程图的代码段包裹在markdown格式的代码块中, 只需要更改相应的标记即可.
Markdown学习笔记：如何画流程图
weixin_30735745的博客
08-15 409
如何使用markdown画流程图 话说网上关于使用markdown画流程图的相关的教程真是一堆堆的坑，我丝毫不怀疑这些博文作者确实是知道如何使用markdown画流程图了，但是写出来的文章却丝毫没有明白具体的使用方法，于是有了这篇学习笔记。 如何画流程图 流程图画在哪了 先说一下网上我搜的那些博客都没有说清楚的一点，流程图在markdown里面的体现形式。 在...
github snippet 用markDown画流程图
大圣即大盗
03-02 5345
我们项目里的snippet这里面的markdown与网上的普遍流程语法不同，故做个记录。 主要是由于markdown的扩展版本太多了，github里的这个跟网上的答案不一样，我是此版本官方的文档的。 我直接点这里的markdown查看的说明文档，你遇到同样问题的画，可以直接看本博客就可以。 ```mermaid graph TD; A-->B; A-->C; B-...
怎么用markdown画流程图
02-02
在Markdown中，可以使用一些特定的语法来绘制流程图。常用的绘制流程图的语法有两种：Mermaid和PlantUML。 1. 使用Mermaid语法绘制流程图： Mermaid是一种基于文本的流程图绘制工具，它使用简单的语法来描述流程图...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值