summaryrefslogtreecommitdiff
path: root/themes/LoveIt/exampleSite/content/posts/theme-documentation-mermaid-shortcode/index.zh-cn.md
diff options
context:
space:
mode:
authorChristoph Cullmann <cullmann@kde.org>2022-10-21 21:01:11 +0200
committerChristoph Cullmann <cullmann@kde.org>2022-10-21 21:01:11 +0200
commit582a8a33aff644a6b07534aaf677973abc6f154c (patch)
tree069a34670b1b91041ef9f3fcb73192dd05c60963 /themes/LoveIt/exampleSite/content/posts/theme-documentation-mermaid-shortcode/index.zh-cn.md
parent038eabdda56dbfdbbba4328ac035cc4d77e8d80d (diff)
use different theme that is a lot slimer
Diffstat (limited to 'themes/LoveIt/exampleSite/content/posts/theme-documentation-mermaid-shortcode/index.zh-cn.md')
-rw-r--r--themes/LoveIt/exampleSite/content/posts/theme-documentation-mermaid-shortcode/index.zh-cn.md361
1 files changed, 0 insertions, 361 deletions
diff --git a/themes/LoveIt/exampleSite/content/posts/theme-documentation-mermaid-shortcode/index.zh-cn.md b/themes/LoveIt/exampleSite/content/posts/theme-documentation-mermaid-shortcode/index.zh-cn.md
deleted file mode 100644
index 8105ba4..0000000
--- a/themes/LoveIt/exampleSite/content/posts/theme-documentation-mermaid-shortcode/index.zh-cn.md
+++ /dev/null
@@ -1,361 +0,0 @@
----
-weight: 5
-title: "主题文档 - mermaid Shortcode"
-date: 2020-03-03T15:29:59+08:00
-lastmod: 2020-03-03T15:29:59+08:00
-draft: false
-author: "Dillon"
-authorLink: "https://dillonzq.com"
-description: "mermaid shortcode 使用 Mermaid 库提供绘制图表和流程图的功能."
-images: []
-resources:
-- name: "featured-image"
- src: "featured-image.png"
-
-tags: ["shortcodes"]
-categories: ["documentation"]
-
-hiddenFromHomePage: true
----
-
-{{< version 0.2.11 changed >}}
-
-`mermaid` shortcode 使用 [Mermaid](https://mermaidjs.github.io/) 库提供绘制图表和流程图的功能.
-
-<!--more-->
-
-[mermaid](https://mermaidjs.github.io/) 是一个可以帮助你在文章中绘制图表和流程图的库, 类似 Markdown 的语法.
-
-只需将你的 mermaid 代码插入 `mermaid` shortcode 中即可.
-
-## 流程图 {#flowchart}
-
-一个 **流程图** `mermaid` 示例:
-
-```markdown
-{{</* mermaid */>}}
-graph LR;
- A[Hard edge] -->|Link text| B(Round edge)
- B --> C{Decision}
- C -->|One| D[Result one]
- C -->|Two| E[Result two]
-{{</* /mermaid */>}}
-```
-
-呈现的输出效果如下:
-
-{{< mermaid >}}
-graph LR;
- A[Hard edge] -->|Link text| B(Round edge)
- B --> C{Decision}
- C -->|One| D[Result one]
- C -->|Two| E[Result two]
-{{< /mermaid >}}
-
-## 时序图 {#sequence-diagram}
-
-一个 **时序图** `mermaid` 示例:
-
-```markdown
-{{</* mermaid */>}}
-sequenceDiagram
- participant Alice
- participant Bob
- Alice->>John: Hello John, how are you?
- loop Healthcheck
- John->John: Fight against hypochondria
- end
- Note right of John: Rational thoughts <br/>prevail...
- John-->Alice: Great!
- John->Bob: How about you?
- Bob-->John: Jolly good!
-{{</* /mermaid */>}}
-```
-
-呈现的输出效果如下:
-
-{{< mermaid >}}
-sequenceDiagram
- participant Alice
- participant Bob
- Alice->>John: Hello John, how are you?
- loop Healthcheck
- John->John: Fight against hypochondria
- end
- Note right of John: Rational thoughts <br/>prevail...
- John-->Alice: Great!
- John->Bob: How about you?
- Bob-->John: Jolly good!
-{{< /mermaid >}}
-
-## 甘特图 {#gantt}
-
-一个 **甘特图** `mermaid` 示例:
-
-```markdown
-{{</* mermaid */>}}
-gantt
-dateFormat YYYY-MM-DD
-title Adding GANTT diagram to mermaid
-excludes weekdays 2014-01-10
-
-section A section
-Completed task :done, des1, 2014-01-06,2014-01-08
-Active task :active, des2, 2014-01-09, 3d
-Future task : des3, after des2, 5d
-Future task2 : des4, after des3, 5d
-{{</* /mermaid */>}}
-```
-
-呈现的输出效果如下:
-
-{{< mermaid >}}
-gantt
-dateFormat YYYY-MM-DD
-title Adding GANTT diagram to mermaid
-excludes weekdays 2014-01-10
-
-section A section
-Completed task :done, des1, 2014-01-06,2014-01-08
-Active task :active, des2, 2014-01-09, 3d
-Future task : des3, after des2, 5d
-Future task2 : des4, after des3, 5d
-{{< /mermaid >}}
-
-## 类图 {#class-diagram}
-
-一个 **类图** `mermaid` 示例:
-
-```markdown
-{{</* mermaid */>}}
-classDiagram
- Animal <|-- Duck
- Animal <|-- Fish
- Animal <|-- Zebra
- Animal : +int age
- Animal : +String gender
- Animal: +isMammal()
- Animal: +mate()
- class Duck{
- +String beakColor
- +swim()
- +quack()
- }
- class Fish{
- -int sizeInFeet
- -canEat()
- }
- class Zebra{
- +bool is_wild
- +run()
- }
-{{</* /mermaid */>}}
-```
-
-呈现的输出效果如下:
-
-{{< mermaid >}}
-classDiagram
- Animal <|-- Duck
- Animal <|-- Fish
- Animal <|-- Zebra
- Animal : +int age
- Animal : +String gender
- Animal: +isMammal()
- Animal: +mate()
- class Duck{
- +String beakColor
- +swim()
- +quack()
- }
- class Fish{
- -int sizeInFeet
- -canEat()
- }
- class Zebra{
- +bool is_wild
- +run()
- }
-{{< /mermaid >}}
-
-## 状态图 {#state-diagram}
-
-一个 **状态图** `mermaid` 示例:
-
-```markdown
-{{</* mermaid */>}}
-stateDiagram-v2
- [*] --> Still
- Still --> [*]
- Still --> Moving
- Moving --> Still
- Moving --> Crash
- Crash --> [*]
-{{</* /mermaid */>}}
-```
-
-呈现的输出效果如下:
-
-{{< mermaid >}}
-stateDiagram-v2
- [*] --> Still
- Still --> [*]
- Still --> Moving
- Moving --> Still
- Moving --> Crash
- Crash --> [*]
-{{< /mermaid >}}
-
-## Git 图 {#git-graph}
-
-一个 **Git 图** `mermaid` 示例:
-
-```markdown
-{{</* mermaid */>}}
-gitGraph
- commit
- commit
- branch develop
- checkout develop
- commit
- commit
- checkout main
- merge develop
- commit
- commit
-{{</* /mermaid */>}}
-```
-
-呈现的输出效果如下:
-
-{{< mermaid >}}
-gitGraph
- commit
- commit
- branch develop
- checkout develop
- commit
- commit
- checkout main
- merge develop
- commit
- commit
-{{< /mermaid >}}
-
-## 实体关系图 {#entity-relationship-diagram}
-
-一个 **实体关系图** `mermaid` 示例:
-
-```markdown
-{{</* mermaid */>}}
-erDiagram
- CUSTOMER ||--o{ ORDER : places
- ORDER ||--|{ LINE-ITEM : contains
- CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
-{{</* /mermaid */>}}
-```
-
-呈现的输出效果如下:
-
-{{< mermaid >}}
-erDiagram
- CUSTOMER ||--o{ ORDER : places
- ORDER ||--|{ LINE-ITEM : contains
- CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
-{{< /mermaid >}}
-
-## 用户体验旅程图 {#user-journey}
-
-一个 **用户体验旅程图** `mermaid` 示例:
-
-```markdown
-{{</* mermaid */>}}
-journey
- title My working day
- section Go to work
- Make tea: 5: Me
- Go upstairs: 3: Me
- Do work: 1: Me, Cat
- section Go home
- Go downstairs: 5: Me
- Sit down: 5: Me
-{{</* /mermaid */>}}
-```
-
-呈现的输出效果如下:
-
-{{< mermaid >}}
-journey
- title My working day
- section Go to work
- Make tea: 5: Me
- Go upstairs: 3: Me
- Do work: 1: Me, Cat
- section Go home
- Go downstairs: 5: Me
- Sit down: 5: Me
-{{< /mermaid >}}
-
-## 饼图 {#pie}
-
-一个 **饼图** `mermaid` 示例:
-
-```markdown
-{{</* mermaid */>}}
-pie
- "Dogs" : 386
- "Cats" : 85
- "Rats" : 15
-{{</* /mermaid */>}}
-```
-
-呈现的输出效果如下:
-
-{{< mermaid >}}
-pie
- "Dogs" : 386
- "Cats" : 85
- "Rats" : 15
-{{< /mermaid >}}
-
-## 依赖图 {#requirement-diagram}
-
-一个 **依赖图** `mermaid` 示例:
-
-```markdown
-{{</* mermaid */>}}
-requirementDiagram
-
-requirement test_req {
-id: 1
-text: the test text.
-risk: high
-verifymethod: test
-}
-
-element test_entity {
-type: simulation
-}
-
-test_entity - satisfies -> test_req
-{{</* /mermaid */>}}
-```
-
-呈现的输出效果如下:
-
-{{< mermaid >}}
-requirementDiagram
-
-requirement test_req {
-id: 1
-text: the test text.
-risk: high
-verifymethod: test
-}
-
-element test_entity {
-type: simulation
-}
-
-test_entity - satisfies -> test_req
-{{< /mermaid >}}