+++
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.