使用Typora绘制流程图

Typora可以直接在markdown中画流程图,而且语法简洁易懂,这是个让我异常惊喜的功能。

请添加图片描述

Typora使用flowchart.js来生成简单的SVG流程图,此外它还支持mermaid engine。要知道,在市面上你绝少看到此类用户体验良好的作图App,更别说集成在一个markdown编辑器里面了。Typora支持三类流程图:

  • sequence
  • flowchart
  • gantt

我们依次介绍。首先,只需要敲入以下代码,然后选择语言为sequence即可生成下面的图

李雷 -> 韩梅梅: Hello 梅梅, How are you?
Note right of 韩梅梅: 韩梅梅心想
韩梅梅 --> 李雷: I'm fine, thanks, and you?

请添加图片描述

对于Flowchart,可以使用下面的code,然后语法选择flow

st=>start: 闹钟响起
op=>operation: 与床板分离
cond=>condition: 分离成功?
e=>end: 快乐的一天

st->op->cond
cond(yes)->e
cond(no)->op

请添加图片描述

Mermaid是另一个流程图生成的引擎,在官网中它是这么介绍自己的

Generation of diagrams and flowcharts from text in a similar manner as markdown.

除了Sequence和Flowchart两类图之外,Mermaid还提供一种叫做gantt的图。插入下面的代码,然后语法选mermaid就会自动渲染成gantt图了。

gantt
        dateFormat  YYYY-MM-DD
        title 快乐的生活
        section 吃一把鸡就学习
        学习            :done,    des1, 2014-01-06,2014-01-09
        疯狂学习               :active,  des2, 2014-01-09, 3d
        继续疯狂学习               :         des3, after des2, 5d
        吃鸡!               :         des4, after des3, 4d
        section 具体内容
        学习Python :crit, done, 2014-01-06,72h
        学习C++          :crit, done, after des1, 2d
        学习Lisp             :crit, active, 3d
        学习图形学        :crit, 4d
        跳伞           :2d
        打枪                      :2d

请添加图片描述

  • 6
    点赞
  • 44
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
### 回答1: Markdown是一种轻量级标记语言,常用于撰写文档、博客等。Typora是一款支持Markdown语法的编辑器,以下是Markdown常用语法: 1. 标题:使用#号表示,#号的数量表示标题的级别,最多支持六级标题。 2. 段落:段落之间需要用空行隔开。 3. 加粗:使用两个*号或者两个_号包裹需要加粗的文字。 4. 斜体:使用一个*号或者一个_号包裹需要斜体的文字。 5. 删除线:使用两个~~号包裹需要删除的文字。 6. 引用:使用>符号表示引用,可以嵌套使用。 7. 列表:使用-或者*表示无序列表,使用数字加.表示有序列表。 8. 代码块:使用三个反引号包裹代码块。 9. 链接:使用[链接名称](链接地址)表示链接。 10. 图片:使用![](图片链接地址)表示图片。 以上就是Markdown常用语法,使用Typora编辑器可以更加方便地编辑和预览Markdown文档。 ### 回答2: Markdown是一种轻量级标记语言,它可以让文本更具可读性和美观性。Typora是一款Markdown编辑器,它提供了很多实用的快捷方式和强大的功能,让用户能够更轻松地编写出符合自己需求的文档。 下面我来详细介绍一下Typora常用的Markdown语法: 标题:Markdown支持六级标题,用#表示,一级标题用一个#,二级标题用两个#,以此类推。例如: # 一级标题 ## 二级标题 ### 三级标题 加粗、斜体、删除线:用**加粗**、*斜体*、~~删除线~~表示相应效果。 列表:有序列表用1.,2.表示,无序列表用-,+,*表示。例如: 1. 有序列表1 2. 有序列表2 - 无序列表1 - 无序列表2 引用:用>表示引用,可以嵌套使用。例如: >引用 >>嵌套引用 代码块:用```表示代码块,并且可以指定代码语言。例如: ```javascript console.log("Hello World!"); ``` 表格:用|分隔不同列,用-表示表头,用:来表示对齐方式。例如: | 表头1 | 表头2 | | ---- | ---- | | 内容1 | 内容2 | | 内容3 | 内容4 | 链接:用[链接名称](链接地址)表示链接。例如: [Typora官网](https://typora.io) 图片:用![](图片链接地址)表示图片,可以设置图片大小和位置。例如: <img src="https://typora.io/img/picture-1.png" alt="typora" width="300px"> 以上是Typora常用的Markdown语法,当然还有更多的语法细节和特殊用法需要掌握,希望这篇文章能够帮助大家更好地使用Typora编辑Markdown文档。 ### 回答3: Markdown 是一种用于排版和文档结构的语言,在许多编程和写作场合中被广泛使用typora 是一款可视化的 Markdown 编辑器,它对 Markdown 的语法做了很好的支持。 typora 的常用语法包括: 1. 标题:用 # 加上空格表示一级标题,## 表示二级标题,以此类推,最多六级。例如:# 一级标题,## 二级标题。 2. 列表:用 - 或 * 加上空格表示无序列表,用数字和 . 加上空格表示有序列表。例如: - 无序列表1 - 无序列表2 1. 有序列表1 2. 有序列表2 3. 引用:用 > 加上空格表示引用,可以嵌套使用。例如: > 这是一段引用 > > > 这是一段嵌套引用 4. 代码:用 \` 表示短代码,用三个 \` 表示多行代码。例如: `print('Hello World!')` ``` def hello_world(): print('Hello World!') hello_world() ``` 5. 链接:用[文字](链接)方式表示超链接,用 ![文字](图片链接) 方式表示插入图片。例如: [Google](https://www.google.com) ![Markdown](https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Markdown-mark.svg/1280px-Markdown-mark.svg.png) 6. 粗体和斜体:用 ** 表示粗体,用 * 表示斜体。例如: **这是粗体文字** *这是斜体文字* 7. 分割线:用三个或以上的 - 或 * 表示分割线。例如: --- *** typora 还支持许多其他的高级语法,例如表格、脚注、数学公式等,这些语法可以极大地提高文档的排版和表现力。总之,作为一款优秀的 Markdown 编辑器,typora 的常用语法功能十分强大丰富,值得广大使用者深入学习和掌握。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_归尘_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值