feat: update mermaid shortcode

This commit is contained in:
Henk Verlinde 2021-06-30 20:32:28 +02:00
parent f7867376fb
commit b7eda85593
4 changed files with 36 additions and 19 deletions

View File

@ -3,8 +3,6 @@ var config = {
fontFamily: '"Jost", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";', fontFamily: '"Jost", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";',
}; };
/* eslint-disable no-undef */ document.addEventListener('DOMContentLoaded', () => {
mermaid.initialize(config); mermaid.initialize(config);
});
/* eslint-enable no-undef */

View File

@ -92,6 +92,3 @@ rel = "sitemap"
[[module.mounts]] [[module.mounts]]
source = "node_modules/mermaid" source = "node_modules/mermaid"
target = "assets/js/vendor/mermaid" target = "assets/js/vendor/mermaid"
[[module.mounts]]
source = "node_modules/mermaid"
target = "static/js/vendor/mermaid"

View File

@ -15,6 +15,16 @@ toc: true
## Flow ## Flow
```md
{{</* mermaid class="bg-light text-center" */>}}
graph TD
A[Hard] -->|Text| B(Round)
B --> C{Decision}
C -->|One| D[Result 1]
C -->|Two| E[Result 2]
{{</* /mermaid */>}}
```
{{< mermaid class="bg-light text-center">}} {{< mermaid class="bg-light text-center">}}
graph TD graph TD
A[Hard] -->|Text| B(Round) A[Hard] -->|Text| B(Round)
@ -54,14 +64,21 @@ gantt
{{< mermaid >}} {{< mermaid >}}
classDiagram classDiagram
classA --|> classB : Inheritance Class01 <|-- AveryLongClass : Cool
classC --* classD : Composition <<interface>> Class01
classE --o classF : Aggregation Class09 --> C2 : Where am i?
classG --> classH : Association Class09 --* C3
classI -- classJ : Link(Solid) Class09 --|> Class07
classK ..> classL : Dependency Class07 : equals()
classM ..|> classN : Realization Class07 : Object[] elementData
classO .. classP : Link(Dashed) Class01 : size()
Class01 : int chimp
Class01 : int gorilla
class Class10 {
<<service>>
int id
size()
}
{{< /mermaid >}} {{< /mermaid >}}
## State ## State

View File

@ -1,3 +1,8 @@
{{ if .Site.Params.options.mermaid -}}
<div class="mermaid{{ with .Get "class" }} {{ . }}{{ end }}"> <div class="mermaid{{ with .Get "class" }} {{ . }}{{ end }}">
{{- .Inner -}} {{ $data := replaceRE "(^\\s+```)" "" .Inner -}}
{{ replaceRE "(```\\s+$)" "" $data -}}
</div> </div>
{{ else }}
{{ errorf "Set `mermaid = true` in `./config/_default/params.toml`"}}
{{ end }}