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 一样，都是纯文本格式存储的语言。纯文本文件打破了很多软件封闭格式的限制，更加利于用户掌握自己的内容。也易于我们 存储，解析，发送文件内容&