• 知乎原文：
• 模板：

在Notion里画思维导图一直是被敲碗很久的功能。但目前Notion只提供了几种导图工具的导入/嵌入和通过Mermaid绘制导图的手段。

Mermaid是一个基于JavaScript的图表绘制工具，所以想要上手，多少要求编程思维。（Mermaid 帮助文档链接）。（如果是Typora用户，可能对Mermaid更为熟悉。）好在William Nutt（Nutt Labs 和 notion.vip的创立者)，建立了一个生成Mermaid流程图代码的数据库模板，令新手可以迅速使用Mermaid在Notion里绘制导图。（我把模板翻译成了中文，并且加了点新东西。）

用法

模板中有两个Database，一个是导图主题数据库，另一个是导图节点数据库。

1. 在导图主题数据库中建立新建页面（此处暂称为主题。）

2. 导图节点数据库中，使用过滤器，关联目标[主题]。

3. 逐个新建导图节点，根据需要选择：节点的 1. 颜色 2. 形状 3. 母节点/子节点 4. 上下级节点的连接线长度 5. 连接线上的文字。（如果节点有网页链接，可以添加链接，。）

   在导图中添加了链接的节点是可以点击打开网页的

4. 节点录入完成后，回到**[导图主题数据库]**，可见最终代码栏里生成的Mermaid代码，将其复制，粘贴到代码块 Code-Mermaid 中。

说明：

1. Code - Mermaid 在Notion中有3种显示模式，分别是Code (只显示代码）、Preview（预览：只显示生成的图）、Split(分栏：上方为代码，下方为图表）
2. 过往回答：Notion 有导图的功能吗？

• 在原模版上加入了节点链接，是因为我发现在Notion内个人OS体系过大的时候，与其用别的工具，用Mermaid导图进行框架的快捷跳转相对更方便，可以直接放在仪表盘页面的一角中。推荐给Notion重度玩家。

模板

Mermaid 导图流程图生成器 | Flowchart Generator in Notion

可以直接Duplicate 复制到工作区中使用。

相关文章：在Notion里绘制导图 || Mindmapping in Notion