diff --git a/README.md b/README.md
index 93b3c40de..5da354e7e 100644
--- a/README.md
+++ b/README.md
@@ -42,7 +42,7 @@ Try Live Editor previews of future releases: 
+
## Table of content
@@ -91,11 +91,11 @@ In our release process we rely heavily on visual regression tests using [applito
## Examples
-**The following are some examples of the diagrams, charts and graphs that can be made using Mermaid. Click here to jump into the [text syntax](https://mermaid-js.github.io/mermaid/#/n00b-syntaxReference).**
+**The following are some examples of the diagrams, charts and graphs that can be made using Mermaid. Click here to jump into the [text syntax](https://mermaid.js.org/intro/syntax-reference.html).**
-### Flowchart [docs - live editor]
+### Flowchart [docs - live editor]
```
flowchart LR
@@ -115,7 +115,8 @@ C -->|One| D[Result 1]
C -->|Two| E[Result 2]
```
-### Sequence diagram [docs - live editor]
+### Sequence diagram [docs - live editor]
+
```
sequenceDiagram
@@ -141,7 +142,7 @@ John->>Bob: How about you?
Bob-->>John: Jolly good!
```
-### Gantt chart [docs - live editor]
+### Gantt chart [docs - live editor]
```
gantt
@@ -165,7 +166,7 @@ gantt
Parallel 4 : des6, after des4, 1d
```
-### Class diagram [docs - live editor]
+### Class diagram [docs - live editor]
```
classDiagram
@@ -207,7 +208,7 @@ class Class10 {
```
-### State diagram [docs - live editor]
+### State diagram [docs - live editor]
```
stateDiagram-v2
@@ -229,7 +230,7 @@ Moving --> Crash
Crash --> [*]
```
-### Pie chart [docs - live editor]
+### Pie chart [docs - live editor]
```
pie
@@ -247,7 +248,7 @@ pie
### Git graph [experimental - live editor]
-### Bar chart (using gantt chart) [docs - live editor]
+### Bar chart (using gantt chart) [docs - live editor]
```
gantt
@@ -285,7 +286,7 @@ gantt
5 : 0, 5
```
-### User Journey diagram [docs - live editor]
+### User Journey diagram [docs - live editor]
```
journey
@@ -311,7 +312,7 @@ gantt
Sit down: 3: Me
```
-### C4 diagram [docs]
+### C4 diagram [docs]
```
C4Context
diff --git a/README.zh-CN.md b/README.zh-CN.md
index 42ef2b1c0..942f54bff 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -43,7 +43,7 @@ Mermaid
**感谢所有参与进来提交 PR，解答疑问的人们! 🙏**
-
+
## 关于 Mermaid
@@ -65,12 +65,12 @@ Mermaid 甚至能让非程序员也能通过 [Mermaid Live Editor](https://merma
## 示例
-**下面是一些可以使用 Mermaid 创建的图表示例。点击 [语法](https://mermaid-js.github.io/mermaid/#/n00b-syntaxReference) 查看详情。**
+**下面是一些可以使用 Mermaid 创建的图表示例。点击 [语法](https://mermaid.js.org/intro/syntax-reference.html) 查看详情。**
-### 流程图 [文档 - live editor]
+### 流程图 [文档 - live editor]
```
flowchart LR
@@ -88,7 +88,7 @@ C -->|One| D[Result 1]
C -->|Two| E[Result 2]
```
-### 时序图 [文档 - live editor]
+### 时序图 [文档 - live editor]
```
sequenceDiagram
@@ -114,7 +114,7 @@ John->>Bob: How about you?
Bob-->>John: Jolly good!
```
-### 甘特图 [文档 - live editor]
+### 甘特图 [文档 - live editor]
```
gantt
@@ -138,7 +138,7 @@ gantt
Parallel 4 : des6, after des4, 1d
```
-### 类图 [文档 - live editor]
+### 类图 [文档 - live editor]
```
classDiagram
@@ -178,7 +178,7 @@ class Class10 {
}
```
-### 状态图 [[docs - live editor]
+### 状态图 [docs - live editor]
```
stateDiagram-v2
@@ -200,7 +200,7 @@ Moving --> Crash
Crash --> [*]
```
-### 饼图 [文档 - live editor]
+### 饼图 [文档 - live editor]
```
pie
@@ -218,7 +218,7 @@ pie
### Git 图 [实验特性 - live editor]
-### 用户体验旅程图 [文档 - live editor]
+### 用户体验旅程图 [文档 - live editor]
```
journey
@@ -244,7 +244,7 @@ pie
Sit down: 3: Me
```
-### C4 图 [文档]
+### C4 图 [文档]
```
C4Context