Markdown的流程图制作

1、横向流程图源码格式

​```mermaid
graph LR
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    F[横向流程图]
​```

2、竖向流程图源码格式

​```mermaid
graph TD
A[方形] --> B(圆角)
    B --> C{条件a}
    C --> |a=1| D[结果1]
    C --> |a=2| E[结果2]
    F[竖向流程图]
​```

3、标准流程图源码格式

​```flow
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
​```

4、标准流程图源码格式(横向)

​```flow
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op
​```

5、UML时序图源码样例

​```sequence
对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象A->对象B: 你真的好吗?
​```

6、UML时序图源码复杂样例

​```sequence
Title: 标题:复杂使用
对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象B->小三: 你好吗
小三-->>对象A: 对象B找我了
对象A->对象B: 你真的好吗?
Note over 小三,对象B: 我们是朋友
participant C
Note right of C: 没人陪我玩
​```

7、UML标准时序图样例

​```mermaid
%% 时序图例子,-> 直线,-->虚线,->>实线箭头
  sequenceDiagram
    participant 张三
    participant 李四
    张三->王五: 王五你好吗?
    loop 健康检查
        王五->王五: 与疾病战斗
    end
    Note right of 王五: 合理 食物 <br/>看医生...
    李四-->>张三: 很好!
    王五->李四: 你怎么样?
    李四-->王五: 很好!
​```

8、甘特图样例

​```mermaid
%% 语法示例
        gantt
        dateFormat  YYYY-MM-DD
        title 软件开发甘特图
        section 设计
        需求                      :done,des1,2014-01-06,2014-01-08
        原型                      :active,des2,2014-01-09,3d
        UI设计                     :         des3,after des2,5d
    未来任务                     :         des4,after des3,5d
        section 开发
        学习准备理解需求                      :crit,done,24h
        设计框架                             :crit,2d
        开发                                 :crit,active,3d
        未来任务                              :crit,5d
        耍                                   :2d
        section 测试
        功能测试                              :active,a1,3d
        压力测试                               :after a1,20h
        测试报告                               : 48h
​```

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


文章浏览阅读1.7w次,点赞8次,收藏13次。这里以“TCP协议中的三次握手”来讲一下Markdown编辑器中UML序列图的应用。连接建立的过程: ```sequenceTitle:连接建立的过程客户主机->服务器主机: 连接请求(SYN=1,seq=client_isn) 服务器主机->客户主机: 授予连接(SYN=1,seq=client_isn)n ack=client_isn+1客户主机->服务器主机: 确认(SYN=0,se_markdown 语法sequence
文章浏览阅读1.6w次。写博客经常会用到图片,CSDN-markdown编辑器支持插入在线的网上图片,也可以上传本地电脑上的图片。   通过点击工具栏的图片工具或者按下快捷键“Ctrl+G(MAC系统使用Cmd+G)”打开插入图片对话框: 插入在线图片:  在插入图片对话框的“在线图片”标签模式下,输入或粘贴图片地址,点击确定就可以了;如果要添加图片提示,在图片地址后输入一个空格再输入“图片提示”: Chro_markdown引用在线图片
文章浏览阅读6.5k次,点赞6次,收藏5次。无需上网,离线也能用Markdown写博客  这里就讲一下如何使用一款名为“MarkdownPad”的Markdown编辑器离线写博客。有关下载安装的细节请参考Markdown编辑器“MarkdownPad”下载安装(图)  使用“MarkdownPad”可以通过键盘快捷键和工具栏按钮来使用或者移除 Markdown 格式。MarkdownPad左右栏的分割方式令用户可以实时看到 HTML 格式的_在clion中 离线下载markdown做笔记
文章浏览阅读7.3k次,点赞8次,收藏5次。MarkdownPad是Windows下的一个全功能Markdown编辑器。应该是使用.NET写的,依赖Microsoft .NET 4 Client Profile。下载MarkdownPad下载地址:http://markdownpad.com/ 打开网页后,点击“Download MarkdownPad”按钮开始下载: 如果看到以下页面还是没有开始下载,请点击“restart the_markdown需要下载吗
文章浏览阅读2.9w次,点赞39次,收藏103次。Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式。但是它本身是不支持修改背景色功能的!  从HTML Editor 转到CSDN-markdown编辑器的很多朋友可能有些不适应,明明很简单的背景色功能,这里却找不到了。  CSDN-markdown编辑器是其衍生版本,扩展了Markdown的功能(如表格、脚注、内嵌HTML等等_markdomark中怎么修改代码块底色
文章浏览阅读7.4k次,点赞2次,收藏4次。CSDN-markdown编辑器支持从本机导入Markdown文件的功能,如果你有从其它网站上下载的博客文章或说明文档,或是用软件编写的博客文章或说明文档,想发布到CSDN博客中,就可以使用本功能很方便的完成操作。这里讲一下类似上传文件的实现方式的操作步骤:1、点击工具栏的从本机导入按钮:2、弹出从本机导入对话框:3、点击选择文件,打开文件选择对话框:4、选中需要导入的MD文件,点击打开按钮就导入完_markdown格式的脑图代码怎么导入
文章浏览阅读7.2k次,点赞3次,收藏2次。CSDN-markdown编辑器支持从线上导入Markdown文件的功能,如果你用其它支持Markdown的编辑器在网上写了博客文章或说明档,想发布到CSDN博客中,就可以使用本功能很方便的完成操作。这里以从线上导入GitHub上的一个MD文件为例,说明操作步骤:1、找到GitHub上的一个MD文件:2、点击文件链接进入显示页面:3、点击“Raw”按钮进入MD原始文件页面:4、复制地址栏中的URL地_diagram designer怎么导入markdown
文章浏览阅读1.5w次,点赞5次,收藏8次。CSDN-markdown编辑器锚点链接添加方法 注:经过测试,CSDN-markdown编辑器通过ID属性来支持这一功能!使用Name属性添加锚点是不受支持的,原因是在显示的时候,锚点名称被过虑掉了,如下图: 如果没有过虑的话,使用Name属性这一功能是可以实现的! 而经过博主“eson_15”测试使用ID属性是可行的。在ul标签的li元素上添加锚点链接,li元素上添加锚点链接后在mar
文章浏览阅读3.9k次,点赞7次,收藏7次。Markdown是什么为什么使用MarkdownMarkdown的优点全新的体验如何切换到MarkDown编辑器通过发表文章页面切换到MarkDown编辑器通过博客配置将Markdown设置为默认编辑器初识Markdown编辑器布局总体布局通过博客管理菜单可以切换到HTML编辑器点击工具栏的帮助按钮可以打开帮助面板发表博客设置摘要和标签文章设置发布Markdown是什么?_csdn博客的markdown编辑器
文章浏览阅读3.6k次,点赞2次,收藏2次。CSDN-markdown编辑器支持从本机导入Markdown文件的功能,如果你有从其它网站上下载的博客文章或说明文档,或是用软件编写的博客文章或说明文档,想发布到CSDN博客中,就可以使用本功能很方便的完成操作。这里讲一下拖拽文件到markdown编辑器上的实现方式操作步骤:1、点击工具栏的从本机导入按钮:2、弹出从本机导入对话框:3、打开本地文件夹,将.md文档拖到虚线框里;其实使用Chrome_rmarkdown怎么导入数据框
文章浏览阅读1.4w次,点赞10次,收藏48次。LaTex是什么?LaTeX(LATEX,音译“拉泰赫”)是一种基于ΤΕΧ的排版系统,由美国计算机学家莱斯利·兰伯特(Leslie Lamport)在20世纪80年代初期开发,利用这种格式,即使使用者没有排版和程序设计的知识也可以充分发挥由TeX所提供的强大功能,能在几天,甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式,这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技_markdown and latex: 伪2
文章浏览阅读1.1w次,点赞6次,收藏13次。E文好的同学请查看英文原文: Markdown syntax guide标题# 这是一级标题,相当于HTML中的H1标签## This is an H2###### This is an H6呈现效果:这是一级标题,相当于HTML中的H1标签This is an H2This is an H6段落每个段落从一个新行开始,段落前最好有一个空行。只需按下回车键开始一个新行。例如,像下_markdown 代码块 自动换行
文章浏览阅读3.4k次,点赞2次,收藏3次。代码块用TAB键起始的段落,会被认为是代码块,如下: echo “hello world"; 呈现效果: echo “hello world";如果在一个行内需要引用代码,只要用反引号`引起来就好,如下:Use the `printf()` function.呈现效果: Use the printf() fun_markdown编辑器 左右对照
文章浏览阅读2.1w次,点赞2次,收藏6次。我在云栖社区的聚能聊中发布了一个话题:“”。其中有回复提到:markdown轻巧归轻巧,但也有硬伤,比如插入的图片如何保存的问题。几乎所有的markdown工具都会把图片单独保存在一个地方,这就是说你把自己的.md文件拷贝给别人的时候,还得把图片一并拷给他,而且路径要一模一样!这是妈蛋工具最大的吐槽点,图片就是处理的不好,就是这一点比不上office。其实 markdown 是可以使用 Data_图片摆在markdown里不失真可移动
文章浏览阅读4k次,点赞2次,收藏4次。标题在文字写书写不同数量的#可以完成不同的标题,如下:# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题呈现效果:一级标题二级标题三级标题四级标题五级标题六级标题等号及减号也可以进行标题的书写,不过只能书写二级标题,并且需要写在文字的下面,减号及等号的数量不会影响标题的基数,如下:二级标题=========二级标题---------呈_csdn--md语法 - csdn博客
文章浏览阅读2.5w次,点赞18次,收藏62次。欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl B 斜体 Ctrl I 引用 Ctrl_csdn的 markdown编辑器
文章浏览阅读2w次,点赞16次,收藏23次。HTML提供了5种空格实体(space entity),它们拥有不同的宽度,非断行空格( )是常规空格的宽度,可运行于所有主流浏览器。其他几种空格(      ‌‍)在不同浏览器中宽度各异。 它叫不换行空格,全称No-Break Space,它是最常见和我们使用最多的空格,大多数的人可能只接触了 ,它是按下sp_markdown空格符
markdown语法1、vscode预览md文件打开侧边预览按完Control+K,再按V,要在英文状态下输入打开预览Control+Shift+V2、代码块使用三个反引号"`"esc键下面的符号框起来,还得在加上编程语言,不加的话就没有高亮显示具体效果如下:intmain(){return0;}3、标题#后面加
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注
这加粗样式里写自定义目录标题使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注