replace math rendering from katex to mathjax for extended support

Author: AnvarAtayev

layouts/partials/math.html

@@ -1,24 +1,22 @@
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css"
-    integrity="sha384-n8MVd4RsNIU0tAv4ct0nTaAbDJwPJzDEaqSD1odI+WdtXRGWt2kTvGFasHpSy3SV" crossorigin="anonymous">
-<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"
-    integrity="sha384-XjKyOOlGwcjNTAIQHIpgOno0Hl1YQqzUOEleOLALmuqehneUG+vnGctmUb0ZY0l8"
-    crossorigin="anonymous"></script>
-<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"
-    integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05"
-    crossorigin="anonymous"></script>
-<script defer src="/js/katex-macros.js"></script>
-
 <script>
-    document.addEventListener("DOMContentLoaded", function () {
-        renderMathInElement(document.body, {
-            delimiters: [
-                { left: '\\[', right: '\\]', display: true },   // block
-                { left: '$$', right: '$$', display: true },     // block
-                { left: '\\(', right: '\\)', display: false },  // inline
-                { left: '$', right: '$', display: false },  // inline
-            ],
-            throwOnError: false,
-            macros: window.katexMacros
-        });
-    });
-</script>
+  MathJax = {
+    tex: {
+      inlineMath: [['$', '$'], ['\\(', '\\)']],
+      displayMath: [['$$', '$$'], ['\\[', '\\]']],
+      tags: 'ams',
+      packages: {'[+]': ['base', 'ams', 'color']}
+    },
+    options: {
+      skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code'],
+      ignoreHtmlClass: '.*|',
+      processHtmlClass: '.*|'
+    },
+    loader: {
+      load: ['[tex]/ams', '[tex]/color']
+    },
+    startup: {
+      typeset: true
+    }
+  };
+</script>
+<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

static/js/katex-macros.js

@@ -0,0 +1,20 @@
+MathJax = {
+  tex: {
+    inlineMath: [['\\(', '\\)'], ['$', '$']],
+    displayMath: [['\\[', '\\]'], ['$$', '$$']],
+    macros: {
+      // Define your custom macros here
+      "\\RR": "\\mathbb{R}",
+      "\\CC": "\\mathbb{C}",
+      '\\NN': '\\mathbb{N}',
+      '\\QQ': '\\mathbb{Q}',
+      '\\PP': '\\mathbb{P}',
+      '\\EE': '\\mathbb{E}',
+      '\\ZZ': '\\mathbb{Z}',
+      // ... other macros
+    },
+    tags: 'ams',
+    packages: {'[+]': ['ams', 'color']}
+  },
+  // ... rest of config
+};