34 lines
667 B
Markdown
34 lines
667 B
Markdown
|
+++
|
||
|
|
date = "2022-07-25"
|
||
|
|
title = "Mermaid JS support"
|
||
|
|
description = "The post demonstrates Mermaid JS support"
|
||
|
|
series = ["Theme", "Hugo"]
|
||
|
|
+++
|
||
|
|
|
||
|
|
If you want to use [Mermaid-JS](https://mermaid-js.github.io/mermaid/#/) on your website.
|
||
|
|
Provide `mermaid` as [Shortcode](https://gohugo.io/content-management/shortcodes/#readout) in your markdown file.
|
||
|
|
|
||
|
|
|
||
|
|
{{<mermaid>}}
|
||
|
|
flowchart LR
|
||
|
|
|
||
|
|
A --> B
|
||
|
|
|
||
|
|
B --> C
|
||
|
|
|
||
|
|
C --> D
|
||
|
|
|
||
|
|
D --> B
|
||
|
|
{{</mermaid>}}
|
||
|
|
|
||
|
|
{{<mermaid>}}
|
||
|
|
sequenceDiagram
|
||
|
|
participant Alice
|
||
|
|
participant Bob
|
||
|
|
Alice->>Bob: Hi Bob
|
||
|
|
Bob->>Alice: Hi Alice
|
||
|
|
{{</mermaid>}}
|
||
|
|
|
||
|
|
|
||
|
|
Find more example on [Mermaid-JS](https://mermaid-js.github.io/mermaid/#/) website.
|