Markdown工具之Typora--画思维导图

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)