mermaid typora

### 如何在 Typora 中配置和使用 Mermaid 绘制图表

#### 启用 Mermaid 插件
为了能够在 Typora 中使用 Mermaid 进行图表绘制，首先需要确保启用了 Mermaid 功能。进入设置菜单中的“Markdown”选项卡，找到并勾选“Mermaid diagram support”。这一步骤至关重要，因为只有当此功能被激活时，才能识别和渲染后续编写的 Mermaid 语法代码[^1]。

#### 编写 Mermaid 图表代码
一旦确认插件已成功开启，在文档内通过如下方式编写图表：

%% 使用 mermaid 创建一个简单的状态图作为例子
stateDiagram-v2
    [*] --> Still
    Still --> Moving
    Moving --> Still
    {Moving} : is moving now;

上述代码展示了如何定义一个基本的状态转换图，其中包含了三个主要节点：“初始态”，“静止”以及“移动”。箭头表示不同状态下之间的转变关系，并且可以在括号里添加描述性的文字说明当前所处的具体情况。

对于流程图而言，则可以采用类似的结构化方法构建更为复杂的内容。比如下面这段用于展示两个子系统的交互过程的实例：

flowchart LR
subgraph SystemA
direction TB
a((Start)) -->|Trigger Event| b{Decision}
b -- "Yes" --> c[Process A]
b -- "No" --> d[End Process]
end

subgraph SystemB
e((Initiate)) --> f(Process B)
f --> g(Complete)
g -.-> h([Feedback])
h --> e
end

这里定义了一个包含条件判断分支（决策框）、顺序执行路径（矩形框），还有循环反馈机制在内的完整工作流模型[^4]。

完成编码之后只需正常保存文件即可预览效果；如果遇到任何显示异常的情况建议重启应用使更改生效[^3]。