Setup mathjax for equations https://squidfunk.github.io/mkdocs-material/reference/mathjax/

Author: davidkell

docs/javascript/mathjax.js

@@ -0,0 +1,16 @@
+window.MathJax = {
+  tex: {
+    inlineMath: [["\\(", "\\)"]],
+    displayMath: [["\\[", "\\]"]],
+    processEscapes: true,
+    processEnvironments: true
+  },
+  options: {
+    ignoreHtmlClass: ".*|",
+    processHtmlClass: "arithmatex"
+  }
+};
+
+document$.subscribe(() => { 
+  MathJax.typesetPromise()
+})

mkdocs.yml

@@ -36,6 +36,8 @@ markdown_extensions:
       alternate_style: true 
   - toc:
       permalink: true
+  - pymdownx.arithmatex:
+      generic: true
 plugins:
   - search
   - awesome-pages
@@ -54,4 +56,8 @@ extra:
     api_key: !ENV POSTHOG_API_KEY
     api_host: !ENV POSTHOG_API_HOST
 extra_css:
-  - stylesheets/extra.css
+  - stylesheets/extra.css
+extra_javascript:
+  - javascripts/mathjax.js
+  - https://polyfill.io/v3/polyfill.min.js?features=es6
+  - https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js