typora支持的流程图的语法

流程图

typora支持以下代码块画流程图

• flow：流程图，会自动被 flowchart.js 渲染。
• sequence：序列图，会自动被 js-sequence 解析和渲染
• mermaid：mermaid图。

要使 Typora 支持代码绘图，需要对 Typora 软件进行相应设置：从 Typora 的【文件】-【偏好设置…】-【Markdown】-【 Markdown扩展语法】下启用 图表 (序列图、流程图和Marmaid图) 复选项(如下图示)，并重启 Typora 生效。

当 Typora 将 Markdown 文档导出为 HTML、PDF、epub、docx 文件格式时，相关渲染图也将包括在内；但是当 Typora 将 Markdown 导出为当前版本的其他文件格式时，相关渲染图将不包括在内。

画流程图、时序图(顺序图)、甘特图

横向流程图源码格式

```mermaid

graph LR

A[方形] -->B(圆角)

    B --> C{条件a}

    C -->|a=1| D[结果1]

    C -->|a=2| E[结果2]

    F[横向流程图]

​```

竖向流程图源码格式：

```mermaid

graph TD

A[方形] --> B(圆角)

    B --> C{条件a}

    C --> |a=1| D[结果1]

    C --> |a=2| E[结果2]

    F[竖向流程图]

​```

标准流程图源码格式

```mermaid
flowchat

st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op

​```