yacloud/hugo-PaperMod
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Enable Mermaid.js

Browse Source
This commit is contained in:
lottotto 2022-03-25 22:44:41 +09:00
parent b79e594dd2
commit a2e984afcf
2 changed files with 19 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
layouts/_default/baseof.html
View File

@ -2,22 +2,32 @@
<html lang="{{ .Site.Language }}" dir="{{ .Language.LanguageDirection | default " auto" }}">
<head>
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
{{- partial "head.html" . }}
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8721803444159352"
crossorigin="anonymous"></script>
</head>
<body class="
{{- if (or (ne .Kind `page` ) (eq .Layout `archives`) (eq .Layout `search`)) -}}
{{- print "list" -}}
{{- end -}}
{{- if eq $.Site.Params.defaultTheme `dark` -}}
{{- print " dark" }}
{{- end -}}
" id="top">
{{- print " list" -}} {{- end -}} {{- if eq $.Site.Params.defaultTheme `dark` -}} {{- print " dark" }} {{- end
-}} " id="top">
{{- partialCached "header.html" . .Page -}}
<main class="main">
{{- block "main" . }}{{ end }}
</main>
{{ partialCached "footer.html" . .Layout .Kind (.Param "hideFooter") (.Param "ShowCodeCopyButtons") -}}
<script>
if (localStorage.getItem("pref-theme") == 'dark') {
theme = 'dark'
} else {
theme = ''
}
mermaidTextContents = Array.from(document.getElementsByClassName("language-mermaid")).map(value => value.innerHTML)
mermaid.initialize({ theme: theme, startOnLoad: true });
mermaid.init(undefined, '.language-mermaid');
</script>
</body>
</html>

15
layouts/partials/footer.html
View File

@ -90,6 +90,8 @@
mermaid.init(undefined, '.language-mermaid');
})
</script>
{{- end }}
@ -142,16 +144,3 @@
});
</script>
{{- end }}
{{- if (and (eq .Kind "page") (ne .Layout "archives") (ne .Layout "search")) }}
<script>
if (localStorage.getItem("pref-theme") == 'dark') {
theme = 'dark'
} else {
theme = ''
}
mermaidTextContents = Array.from(document.getElementsByClassName("language-mermaid")).map(value => value.innerHTML)
mermaid.initialize({ theme: theme, startOnLoad: true });
mermaid.init(undefined, '.language-mermaid');
</script>
{{- end}}