import of everything

templates/blog/footer.html

@@ -6,37 +6,39 @@
 <!-- KaTeX -->
 <script
   defer
-  src="https://cdn.jsdelivr.net/npm/katex@0.16.6/dist/katex.min.js"
+  src="//cdn.jsdelivr.net/npm/katex@0.16.6/dist/katex.min.js"
   integrity="sha384-j/ZricySXBnNMJy9meJCtyXTKMhIJ42heyr7oAdxTDBy/CYA9hzpMo+YTNV5C+1X"
   crossorigin="anonymous"
 ></script>
 <script
   defer
-  src="https://cdn.jsdelivr.net/npm/katex@0.16.6/dist/contrib/auto-render.min.js"
+  src="//cdn.jsdelivr.net/npm/katex@0.16.6/dist/contrib/auto-render.min.js"
   integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05"
   crossorigin="anonymous"
   onload="renderMathInElement(document.body);"
 ></script>
+<script>
+  window.addEventListener("load", () => {
+    for (let item of document.getElementsByClassName("language-math")) {
+      katex.render(item.textContent, item, {
+        displayMode: item.classList.contains("math-display"),
+      });
+    }
+  });
+</script>
 {{/math}} {{#mermaid}}
 <!-- Mermaid diagrams -->
 <script type="module">
   import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs";
-  mermaid.initialize({ startOnLoad: true });
+  mermaid.initialize({ startOnLoad: false });
+  await mermaid.run({
+    querySelector: ".language-mermaid",
+  });
 </script>
 {{/mermaid}} {{#syntax_highlight}}
 <!-- Syntax highligthing -->
-<script src="https://cdn.jsdelivr.net/npm/shiki"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
-
 <script>
-  shiki
+  hljs.highlightAll();
-    .getHighlighter({
-      theme: "nord",
-    })
-    .then((highlighter) => {
-      const code = highlighter.codeToHtml(`console.log('shiki');`, {
-        lang: "js",
-      });
-      document.getElementById("output").innerHTML = code;
-    });
 </script>
 {{/syntax_highlight}} {{/metadata}} {{/post}} {{/data}}

templates/blog/head.html

@@ -43,9 +43,15 @@
   <!-- KaTeX -->
   <link
     rel="stylesheet"
-    href="https://cdn.jsdelivr.net/npm/katex@0.16.6/dist/katex.min.css"
+    href="//cdn.jsdelivr.net/npm/katex@0.16.6/dist/katex.min.css"
     integrity="sha384-mXD7x5S50Ko38scHSnD4egvoExgMPbrseZorkbE49evAfv9nNcbrXJ8LLNsDgh9d"
     crossorigin="anonymous"
   />
-  {{/math}} {{/metadata}} {{/post}} {{/data}}
+  {{/math}} {{#syntax_highlight}}
+  <!-- Syntax highligthing -->
+  <link
+    rel="stylesheet"
+    href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css"
+  />
+  {{/syntax_highlight}} {{/metadata}} {{/post}} {{/data}}
 </head>