diff --git a/layouts/partials/foot.html b/layouts/partials/foot.html
index db37bb07..2f0f95f5 100644
--- a/layouts/partials/foot.html
+++ b/layouts/partials/foot.html
@@ -1,8 +1,4 @@
{{ if default true .Site.Params.GeekblogAnchorCopy }}
-
+
{{ end }}
diff --git a/layouts/shortcodes/mermaid.html b/layouts/shortcodes/mermaid.html
index 35921c3f..245b6e26 100644
--- a/layouts/shortcodes/mermaid.html
+++ b/layouts/shortcodes/mermaid.html
@@ -1,13 +1,7 @@
{{ if not (.Page.Scratch.Get "mermaid") }}
-
+
{{ .Page.Scratch.Set "mermaid" true }}
{{ end }}
diff --git a/src/js/clipboard-loader.js b/src/js/clipboard-loader.js
new file mode 100644
index 00000000..9fa843b4
--- /dev/null
+++ b/src/js/clipboard-loader.js
@@ -0,0 +1,3 @@
+document.addEventListener("DOMContentLoaded", function (event) {
+ var clipboard = new ClipboardJS(".clip");
+});
diff --git a/src/js/mermaid-loader.js b/src/js/mermaid-loader.js
new file mode 100644
index 00000000..44996759
--- /dev/null
+++ b/src/js/mermaid-loader.js
@@ -0,0 +1,13 @@
+document.addEventListener("DOMContentLoaded", function (event) {
+ let primaryColor = "#ececff";
+ let darkMode = false;
+
+ mermaid.initialize({
+ flowchart: { useMaxWidth: true },
+ theme: "base",
+ themeVariables: {
+ darkMode: darkMode,
+ primaryColor: primaryColor,
+ },
+ });
+});