mermaid Syntax Error in graph

发表于 更新于 分类于 ， ， 阅读次数：

基本信息

  • os: Arch linux 64
  • Next: v5.4
  • HexT: v8.2.1
  • npm: v7.5.4
  • node: v14.2.0

问题描述

  1. 我将theme-next文档中mermaid#Examples板块中的示例代码复制到我的文章中

  2. 这是我在示例复制的语法样式

  1. 这是我的博客中显示的样式

    以下是示例代码运行的效果

    graph TD
A[Hard] -->|Text| B(Round)
B --> C{Decision}
C -->|One| D[Result 1]
C -->|Two| E[Result 2]

我的示例代码是从示例中复制过来的， 为什么官方文档中的示例图像正常显示，而我的却不行

第二个样例

这是官网的示例代码
1
2
3
4
5
6
7
8
9
10
{% mermaid sequenceDiagram %}
Alice->>John: Hello John, how are you?
loop Healthcheck
    John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts!
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!
{% endmermaid %}

这是我的博客中显示的样式

sequenceDiagram
Alice->>John: Hello John, how are you?
loop Healthcheck
    John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts!
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!