MyHugo/themes/hugo-coder/exampleSite/content/posts/mermaid-support.md

+++ authors = ["Lone Coder"] date = "2023-07-08" title = "Mermaid JS support" description = "The post demonstrates Mermaid JS support" tags = [ "hugo", "markdown", "css", "html", ] categories = [ "theme demo", "syntax", ] series = ["Theme Demo"] +++

If you want to use Mermaid-JS on your website. Provide mermaid as Shortcode in your markdown file.

{{}} flowchart LR

A --> B

B --> C

C --> D

D --> B

{{}}

{{}} sequenceDiagram participant Alice participant Bob Alice->>Bob: Hi Bob Bob->>Alice: Hi Alice {{}}

Find more example on Mermaid-JS website.