Markdown 教程之如何在 Markdown 文档中添加流程图、方程式和交互式图形

您是否遇到过想要在 Markdown 文档中包含一些简单图表或方程式的场景？如果这是一次性的事情，你可以做的是使用 Power Point 或在线生成器，将图表保存为图像并将其放在你的文章中。这种方法的缺点是背景颜色可能与您的文章不匹配，并且进行更改非常耗时。

Markdown 扩展是第三方软件提供的附加功能，可以丰富 Markdown 文档的内容。我们将讨论三个常用的，您可能会在适当的时候使用它们。

流程图和图表——美人鱼

Mermaid 是一个基于 javascript 的 markdown 扩展，让您可以使用文本和代码创建图表和可视化。只需几行代码，您就可以创建流程图、时序图、甘特图、饼图等。

它可以与 Markdown 无缝集成。mermaid您可以使用带标签的围栏代码 (```) 来调用它。例如

```mermaid
erDiagram
CUSTOMER ||--o{ ORDER : places
ORDER ||--|{ LINE-ITEM : contains
CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
1
2
3
4
5

Mermaid 已经存在了一段时间，并得到了 markdown 社区的广泛支持。例如，Github 内置的markdown 引擎和笔记应用Joplin开箱即用地支持 Mermaid。您可以详细了解如何使用 Mermaid 并试用他们的实时编辑器。

数学方程式

您是需要做数学笔记的学生还是研究人员？许多降价编辑器或引擎支持 Latex 风格的方程式。它将任何以