All checks were successful
Building & Deploying Website / Deploy-Website (push) Successful in 12s
44 lines
810 B
Markdown
44 lines
810 B
Markdown
+++
|
|
authors = ["Lone Coder"]
|
|
date = "2023-07-08"
|
|
title = "Mermaid JS support"
|
|
description = "The post demonstrates Mermaid JS support"
|
|
tags = [
|
|
"hugo",
|
|
"markdown",
|
|
"css",
|
|
"html",
|
|
]
|
|
categories = [
|
|
"sintaxe",
|
|
"demonstração do tema",
|
|
]
|
|
series = ["Demonstração do Tema"]
|
|
+++
|
|
|
|
Se quiser usar o [Mermaid-JS](https://mermaid-js.github.io/mermaid/#/) em sua página.
|
|
Use o [shortcode](https://gohugo.io/content-management/shortcodes/#readout) `mermaid` em seus conteúdos Markdown.
|
|
|
|
{{<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>}}
|
|
|
|
Entro mais exemplos na página do [Mermaid-JS](https://mermaid-js.github.io/mermaid/#/).
|