diff options
| -rw-r--r-- | assets/scss/web/_blog.scss | 6 | ||||
| -rw-r--r-- | layouts/_default/baseof.html | 6 | ||||
| -rw-r--r-- | layouts/_markup/render-codeblock-mermaid.html | 4 |
3 files changed, 16 insertions, 0 deletions
diff --git a/assets/scss/web/_blog.scss b/assets/scss/web/_blog.scss index 20c039b..349eaae 100644 --- a/assets/scss/web/_blog.scss +++ b/assets/scss/web/_blog.scss @@ -109,3 +109,9 @@ margin-bottom: 0.25rem; } } + +.mermaid { + background-color: #eeeeee; + display: flex; + justify-content: center; +} diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 9b0edef..36f8072 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -19,6 +19,12 @@ {{ block "main" . }} {{ end }} </main> + {{ if .Store.Get "hasMermaid" }} + <script type="module"> + import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.esm.min.mjs'; + mermaid.initialize({ startOnLoad: true }); + </script> + {{ end }} </body> <footer> {{ block "footer" . }} diff --git a/layouts/_markup/render-codeblock-mermaid.html b/layouts/_markup/render-codeblock-mermaid.html new file mode 100644 index 0000000..42e8abf --- /dev/null +++ b/layouts/_markup/render-codeblock-mermaid.html @@ -0,0 +1,4 @@ +<pre class="mermaid"> + {{ .Inner | htmlEscape | safeHTML }} +</pre> +{{ .Page.Store.Set "hasMermaid" true }} |