如何使用 Typora 创建思维导图

首先在 Typora 中输入 ```mermaid,然后敲击回车,即可初始化一张空白图。
输入以下代码:

流程图:

graph TD;A-->B;A-->C;B-->D;

语法解释:graph 关键字就是声明一张流程图,TD 表示的是方向,这里的含义是 Top-Down 由上至下。

流程图实例:

graph TD;/-->bin;/-->boot;/-->dev;/-->etc;/-->home;/-->root;/-->run;/-->sbin;/-->tmp;/-->usr;/-->var;home-->alice;home-->bob;home-->eve;

效果图:

时序图:

语法解释:->> 代表实线箭头,–>> 则代表虚线。

sequenceDiagramAlice->>John: Hello John, how are you?John-->>Alice: Great!

效果图:

状态图:

语法解释:[*] 表示开始或者结束,如果在箭头右边则表示结束;

stateDiagram[*] --> s1s1 --> [*]

效果图:

类图:

语法解释:<|-- 表示继承,+ 表示 public,- 表示 private;

classDiagramAnimal <|-- DuckAnimal <|-- FishAnimal <|-- ZebraAnimal : +int ageAnimal : +String genderAnimal: +isMammal()Animal: +mate()class Duck{+String beakColor+swim()+quack()}class Fish{-int sizeInFeet-canEat()}class Zebra{+bool is_wild+run()}

效果图:

甘特图:

甘特图一般用来表示项目的计划排期,目前在工作中经常会用到。
语法也非常简单,从上到下依次是图片标题、日期格式、项目、项目细分的任务。

gantttitle 工作计划dateFormat  YYYY-MM-DDsection SectionA task           :a1, 2020-01-01, 30dAnother task     :after a1  , 20dsection AnotherTask in sec      :2020-01-12  , 12danother task      : 24d

效果图:

饼图:

饼图使用 pie 表示,标题下面分别是区域名称及其百分比。

pietitle Key elements in Product X"Calcium" : 42.96"Potassium" : 50.05"Magnesium" : 10.01"Iron" :  5

效果图:

导出:

绘制好的图片可以选择菜单/文件/导出,导出为图片或者网页格式。在网页中图片是以 SVG 格式渲染的,你可以复制 SVG 内容,导入到 SVG 的图片编辑器中进一步操作。

本文章转自知乎:阿远(https://zhuanlan.zhihu.com/p/172635547)

如何使用 Typora 创建思维导图相关推荐

  1. MindManager2020思维导图软件序列号秘钥及如何自带头脑风暴工具,创建思维导图。

    这是一款最基础的思维导图软件:出品时间长,实操性强,易于操作. 这个软件世界500强中的很多公司都在用,可以毫不怀疑的说,很强大的一个软件,全球企业类客户百余万,适用于多个平台操作.能够将自己的思想. ...

  2. 一张图学会Xmind创建思维导图【转载】

    博文转载自:李龙_XMind有哪些鲜为人知的使用技巧?[知乎]

  3. xmind设置成中文_XMind中文版使用教程:创建和使用思维导图模板

    本例主要介绍如何利用Xmind中文版软件创建和使用思维导图模板.利用模板可以方便创建更多类似的思维导图,以便节省时间,提高效率. XMind? 使用过程: 1.先来介绍一下如何从模板创作思维导图: 打 ...

  4. mindjet mindmanager2021 v20.2.201 中文版如何创建制作思维导图教程分享

    MindManager是MindJet公司出品的一款专业绘制思维导图软件,作为较好的思维导图软件,其直观清晰的可视化界面可以快速捕捉.组织和共享想法和信息.MindManager思维导图主要由中心主题 ...

  5. 创建商业思维导图的便利工具有哪些

    一.白板 白板是创建思维导图最简便的工具,只要一个白板加一只马克笔,或者还加一些便利贴或磁贴,就可以开始你个人或团队的头脑风暴.生成新的商业创意了.完成之后,拿相机或手机将白板拍摄下来,上传到企业内网 ...

  6. leangoo思维导图工具

    Leangoo 思维导图可以多人在线编辑,实时同步,再也不需要导出发送给其他人看.在 leangoo 思维导图中,它的每一个节点可以打开,就像 leangoo 看板上的卡片一样,每个节点上都可以添加成 ...

  7. 免费在线共享思维导图敏捷开发工具Leangoo

    我们团队一直在用scrum敏捷开发工具 Leangoo,近期Leangoo出了一个脑图功能,我们恰好用了起来.感觉还不错,分享一下! Leangoo脑图是一个共享的思维导图,它具备了思维导图的所有属性 ...

  8. 【xmind】 使用 Java 生成思维导图

    点击上方 好好学java ,选择 星标 公众号 重磅资讯.干货,第一时间送达 今日推荐:你这代码写得真丑,满屏的try-catch,全局异常处理不会吗?个人原创+1博客:点击前往,查看更多 前言 在日 ...

  9. edit plus 中文插件_iMindMap手绘思维导图软件中文版

    前言 iMindMap思维导图是由思维导图创始人托尼布赞创建的一款帮助头脑进行开拓.记忆的手绘思维软件工具,它可以帮你进行生活.工作.学习上的计划.创作.讨论.表达和组织.iMindMap从正式发行, ...

最新文章

  1. 图表复现|PRD地下水微生物群落的多样性分析文献
  2. JZOJ 4726. 【NOIP2016提高A组模拟8.22】种花
  3. java(3)——数据类型中的数值型的整数类型
  4. Spring基于 XML 的声明式事务控制(配置方式)
  5. 演练 制作爱奇异视频播放列表 0929
  6. 利用nginx-rtmp搭建视频点播、直播、HLS服务器
  7. 中国首个5G全覆盖产研一体化创新园启动
  8. SkinSharp函数文档
  9. HowNet介绍及相关API的使用方法
  10. 网安学习日志(5)流量分析基础
  11. C++17代码整洁之道
  12. 基于ATMEGA128的密码锁
  13. Deep Feedforward Networks(3)
  14. Allatori混淆器的介绍以及使用方法
  15. 视频云服务四路玩家,谁是最大赢家
  16. 算法题-双指针(最长的指定瑕疵度的元音子串(答案、解析))
  17. 图像的基本运算——scale, rotation, translation
  18. 用户可利用自己的计算机通过因特网采用,2013年春季江苏省高校计算机一级B考试理论题(附答案)_-_副本...
  19. 【实用】关于Ubuntu下的对拍程序
  20. 2.1、Segment Routing基础之SR关键概念

热门文章

  1. react创建组件及注意事项
  2. 基于低代码平台实现的政务督办管理系统有哪些特色功能?
  3. 区块链技术与应用-BTC
  4. UOS 在桌面创建网页快捷方式
  5. python turtle库画一个五角星 【Python初学 绘制五角星】
  6. 将本地项目上传到码云,只需这几步,每个步骤都有图文
  7. 计算机无法检测到键盘,电脑无法识别键盘
  8. 计算机键盘无法使用的原因,电脑键盘失灵的原因及其解决方法
  9. 13.第十四章.文档和配置管理
  10. pg_rewind详解