hugo-geekblog/exampleSite/content/posts/advanced/mermaid.md

1.0 KiB

title date authors tags
Mermaid 2021-05-23T20:00:00+01:00
john-doe
Documentation
Shortcodes

Mermaid is library for generating SVG charts and diagrams from text.

Example

{{< columns >}}

{{</* mermaid class="text-center"*/>}}
sequenceDiagram
    Alice->>Bob: Hello Bob, how are you?
    alt is sick
        Bob->>Alice: Not so good :(
    else is well
        Bob->>Alice: Feeling fresh like a daisy
    end
    opt Extra response
        Bob->>Alice: Thanks for asking
    end
{{</* /mermaid */>}}

<--->

{{< mermaid class="text-center" >}} sequenceDiagram Alice->>Bob: Hello Bob, how are you? alt is sick Bob->>Alice: Not so good :( else is well Bob->>Alice: Feeling fresh like a daisy end opt Extra response Bob->>Alice: Thanks for asking end {{< /mermaid >}}

{{< /columns >}}