mermaid图表支持html标签,用Markdown绘制图表

一旦从首选项面板中启用，Typora就支持图表的某些Markdown扩展。

当导出为HTML，PDF，epub，docx时，这些渲染图也将包括在内，但将markdown导出为当前版本的其他文件格式时，不支持图功能。此外，您还应该注意，标准Markdown，CommonMark或GFM不支持图表。因此，我们仍然建议您插入这些图的图像，而不是直接将它们写在Markdown中。

顺序图

此功能使用js-sequence，它将以下代码块转换为呈现的图：

有关更多详细信息，请参见此语法说明。

流程图

此功能使用流程图.js，它将以下代码块转换为呈现的图：

Mermaid

Typora还与mermaid集成，后者支持顺序图，流程图，Gantt Charts，类和状态图以及饼图。

顺序图

有关更多详细信息，请参见这些说明。

流程图

有关更多详细信息，请参见这些说明。

Gantt Charts

有关更多详细信息，请参见这些说明。

类图

有关更多详细信息，请参见这些说明。

状态图

有关更多详细信息，请参见这些说明。

饼状图

参考

作者：时刻在奔跑

链接：https://juejin.im/post/6893436635476819982

原文标题：用Markdown绘制图表 - Js中文网 · 前端进阶资源教程