From 1e8c432c2e43a9d8da0d80be59acd44e16125dbd Mon Sep 17 00:00:00 2001
From: zainkhan-afk <zain.9496@gmail.com>
Date: Tue, 21 Feb 2023 14:51:07 +0500
Subject: [PATCH] Added Katex support, equations can be rendered now

---
 layouts/partials/head.html  |  1 +
 layouts/partials/katex.html | 19 +++++++++++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 layouts/partials/katex.html

diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 35257fc..8a54710 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -73,6 +73,7 @@
 {{- else }}
 <link crossorigin="anonymous" href="{{ $stylesheet.RelPermalink }}" rel="preload stylesheet" as="style">
 {{- end }}
+{{ if .Params.math }}{{ partial "katex.html" . }}{{ end }}
 
 {{- /* Search */}}
 {{- if (eq .Layout `search`) -}}
diff --git a/layouts/partials/katex.html b/layouts/partials/katex.html
new file mode 100644
index 0000000..eb1336a
--- /dev/null
+++ b/layouts/partials/katex.html
@@ -0,0 +1,19 @@
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.css" integrity="sha384-vKruj+a13U8yHIkAyGgK1J3ArTLzrFGBbBc0tDp4ad/EyewESeXE/Iv67Aj8gKZ0" crossorigin="anonymous">
+
+<!-- The loading of KaTeX is deferred to speed up page rendering -->
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.js" integrity="sha384-PwRUT/YqbnEjkZO0zZxNqcxACrXe+j766U2amXcgMg5457rve2Y7I6ZJSm2A0mS4" crossorigin="anonymous"></script>
+
+<!-- To automatically render math in text elements, include the auto-render extension: -->
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/contrib/auto-render.min.js" integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" crossorigin="anonymous"
+    onload="renderMathInElement(document.body);"></script>
+
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        renderMathInElement(document.body, {
+            delimiters: [
+                {left: "$$", right: "$$", display: true},
+                {left: "$", right: "$", display: false}
+            ]
+        });
+    });
+</script>
\ No newline at end of file