# Mermaid图表示例

- 连结：https://blog.guohao.asia/mermaid%e5%9b%be%e8%a1%a8%e7%a4%ba%e4%be%8b.html
- 发布时间：2025-01-16T15:43:32+08:00
- 作者：null

中文   英文   韩语   日语

# Mermaid 图表示例

    ```language-default
    ---
    title: 效果演示
    config:
      layout: elk
      look: handDrawn
      theme: neutral
      fontFamily: 霞鹜文楷
    ---
    flowchart LR
        classDef NodeStyle-1 fill:#2376b8,stroke:#333,stroke-width:2px
        classDef NodeStyle-2 fill:#126E82,stroke:#333,stroke-width:2px
      A[Start] --> B{Decision}
      B -->|Yes| C[Continue]
      B -->|No| D[Stop]
        class A,C NodeStyle-1
        class B NodeStyle-2
    ```

效果演示：

    ```language-default
    ---
    title: 效果演示
    config:
      layout: elk
      look: handDrawn
      theme: neutral
      fontFamily: 霞鹜文楷
    ---
    flowchart LR
        classDef NodeStyle-1 fill:#2376b8,stroke:#333,stroke-width:2px
        classDef NodeStyle-2 fill:#126E82,stroke:#333,stroke-width:2px
      A[Start] --> B{Decision}
      B -->|Yes| C[Continue]
      B -->|No| D[Stop]
        class A,C NodeStyle-1
        class B NodeStyle-2
    ```