【已解决】markdown使用mermaid绘制流程图，报错[Expecting ‘open_directive’, ‘NEWLINE‘, ‘SPACE‘, ‘GRAPH‘, got ‘ALPHA‘]

背景

今天有小伙伴反馈问题，刚开始学习markdown，画流程图。遇到一个错误，然后各种百度，不明原因，也没有找到对应的解决办法。
在此记录，希望能提供帮助。

问题描述

在很多markdown如何画流程图的教程中，都会提到如下脚本，并会告知初学者，复制以下代码即可完成一个简单流程图的绘制。
代码如下：

```mermaid
flowchat
  st=>start: Start
  op=>operation: Your Operation
  cond=>condition: Yes or No?
  e=>end
  st->op->cond
  cond(yes)->e
  cond(no)->op
​```

就可以有如下效果

但是，如果你把以上代码粘贴到Typora上或者VScode中，会报如标题的错误：
[Expecting ‘open_directive’, ‘NEWLINE’, ‘SPACE’, ‘GRAPH’, got ‘ALPHA’]

解决问题

其实只需要调整之前的代码，改成：

```（删除这里，包括括号）flow
flowchat
  st=>start: Start
  op=>operation: Your Operation
  cond=>condition: Yes or No?
  e=>end
  st->op->cond
  cond(yes)->e
  cond(no)->op
​```

即可。
关于mermaid的更多学习，可以移步这里。

感谢阅读