文章目录

  • Markdown工具之Typora--画思维导图
    • 原理
    • Mermaid 简介
    • 意义:
    • 其他的中文翻译和教程

Markdown工具之Typora–画思维导图

原理

由于Typora可以嵌入代码块,这些代码块在设置具体的语言之后就可以根据设置好的样式文件来高亮演示。

Typora 可以通过写代码的方式形成如下的流程图表:画流程图、时序图(顺序图)、甘特图。实际上是因为Typora可以识别Mermaid的代码。

Mermaid 简介

​ Mermaid 可让您使用文本和代码创建图表和可视化。它是一种基于 Javascript 的图表和图表工具,可呈现受 Markdown 启发的文本定义以动态创建和修改图表。
​ 官网: https://mermaidjs.github.io/.
​ Github 项目地址: https://github.com/knsv/mermaid.

​ 由于:本质上这个是个JS库,因此这里就不着重介绍Mermaid的语法。我们可以把 Mermaid 文本,直接嵌入网页中,然后渲染成图形。

意义:

  • 实时渲染的图表比直接存储图片体积小了很多,存储的信息可以说被大幅压缩了

  • 非结构化的数据的结构化(好吧 我是这么描述的 )

    Mermaid 和 Markdown 一样,都是纯文本格式存储的语言。纯文本文件打破了很多软件封闭格式的限制,更加利于用户掌握自己的内容。也易于我们 存储,解析,发送文件内容,而不是受制于特定应用的软件或网站平台。

    比如后期图表信息的检索

其他的中文翻译和教程

中文翻译

科学网—用文本指令来画图–Typora中mermaid库的使用 - 丁祥欢的博文 (sciencenet.cn)

下面这位JackSerin作者写的专栏写的教程非常详细
JackSerin的博客_CSDN博客-Mermaid,Markdown领域博主

基于 Mermaid 的时序图、流程图和甘特图 - Powered by MinDoc (gsw945.com)

Markdown工具之Typora--画思维导图相关推荐

  1. 高效工具篇-画思维导图用什么?

    文章目录 ⭐️思维导图 1.ProcessOn 2.XMind 3.知悉 4.MindMaster 5.结论 ⭐️思维导图 思维导图是理清思维,清晰展示的利器,无论你是什么角色身份,合理运用思维导图, ...

  2. ChatGPT使用案例之画思维导图

    ChatGPT使用案例之画思维导图 思维导图是做为我们工作中常见的工具,是发散性思维的极佳承载工具会鼓励我们探索不同的创作途径.在点子间寻找新的联系,激荡出更有创意的想法. 下面我们让ChatGPT ...

  3. 在线画 有穷状态自动机 的软件_怎么画思维导图?不用下载软件,在线就能操作...

    怎么画思维导图?在工作中,除了流程图,脑图也是很重要的一个存在:流程图帮助我们快速完成任务,而脑图告诉我们任务本质.画思维导图是一个积累的过程,急不来,对于新手来说还是有一定难度的. 由于对项目了解不 ...

  4. IntelliJ IDEA 还能画思维导图,果然最强 IDE!

    最近栈长发现 IntelliJ IDEA 居然还能画思维导图,太牛逼了! 当然这得借助 IDEA 的 UML 插件,因为它本身也是一个 UML 图,所以这篇就从 UML 图开撕,看 IDEA 怎么画思 ...

  5. 在电脑中怎样画思维导图

    随着移动互联网的发展,现在有很多功能都可以代替手工进行操作使用,又方便又节约了时间,那具体表现在哪些操作中呢?就拿常用的思维导图来说,现在绘制思维导图利用电脑就可以进行绘制,那么如何在电脑上画思维导图 ...

  6. 新手怎么画思维导图,这里有一份详细的思维导图绘制教程

    导语:新手想要了解怎么画思维导图,首先就是要学会临摹思维导图模板,熟悉各种专业思维导图的样式.然而,这只是它的形,此时的思维导图是没有"灵魂"的,所以我们还需要在这个形里面注入&q ...

  7. 如何用Mindmanager画思维导图

    今天这篇博客中,我们将重点讲一下如何用Mindmanager绘制思维导图.说到思维导图,简单介绍一下.思维导图是将大脑中不可视化的影像通过发散.整理,从而形成可视化.方便记忆和理解图像,故称为&quo ...

  8. 画思维导图的注意事项有哪些?怎样画思维导图?

    思维导图的绘制时围绕中心主图进行展开的,并且在绘制的过程中要注意上下级节点的位置从而进行搭建,思维导图的优势有很多,他可以培养我们的思维能力,逻辑能力以及创造能力,这些都是在绘制过程中培养出来的,那在 ...

  9. 画思维导图的三招十八式

    思维导图在生活中是一种很常见的图表,因为它的实用性所以使用的人越来越多,但是怎么样绘制思维导图却成为了困扰的问题,下面小编给大家分享画思维导图的两种操作方法. 绘制工具:电脑 迅捷画图 操作方法介绍: ...

  10. 新手如何使用迅捷画图来画思维导图

    导语: 新手想要了解怎么画思维导图,首先就是要学会临摹思维导图模板,熟悉各种专业思维导图的样式.然而,这只是它的形,此时的思维导图是没有"灵魂"的,所以我们还需要在这个形里面注入& ...

最新文章

  1. matlab api接口调用json格式
  2. linux内核4.0,新闻|Linux内核4.0功能:实时内核补丁,支持PS3
  3. 【转】C++ 模板类的声明与实现分离问题
  4. 2015-01-14
  5. apache+php+mysql+phpadmin 服务环境搭建
  6. Spark 报错 : Error: bad symbolic reference. A signature in SparkContext.class refers to term conf
  7. vspy如何在图形面板显示报文_Vspy工程之C Code Interface的使用(Vspy系列其三)
  8. sqoop 命令在crontab 不能自定执行
  9. 7.1.Zeng_Cache(2) --- 缓存原理
  10. Mac上编译C++报错
  11. STL总结之list
  12. html - html5 audio 音乐自动播放,循环播放等9款播放器
  13. Matlab 三角函数输入
  14. 【卡尔曼滤波原理及基本认知】
  15. Word文档单页页眉横线如何去除
  16. 图像处理中ct图的通道是多少_CT图像后处理技术
  17. 无背景申请奥克兰大学计算机,奥克兰大学无背景要求的专业
  18. pytorch drop_last参数
  19. 第4节:alphapose项目运行和参数
  20. 空间可分离卷积和深度可分离卷积

热门文章

  1. Web Electron 平台即时通讯产品的技术选型
  2. 各种神经网络的应用领域,神经网络还有哪些应用
  3. 修改HTML网站模板,SEO如何修改简单网页模板!
  4. matlab仿真怎么添加干扰信号,噪声干扰信号的matlab仿真
  5. 低功耗高精度性能稳定 智芯传感ZXP0压阻式大气压力传感器适用多个领域
  6. 汽车can总线协议c语言,CAN总线自定义协议使用说明.pdf
  7. 阿贝尔分部求和法的应用(二)
  8. 怎样系统的学习计算机编程,如何学习电脑编程
  9. Linux桌面词典 GoldenDict词典
  10. android 投影pc,手机高清投影到PC方案