enable either mathjax or katex

Fixes slashformotion/hugo-tufte#9

exampleSite/config.toml

@@ -1,23 +1,32 @@
+# Remove this if your site folder is not inside the theme folder
 themesDir = "../../"
 
-canonifyurls = true
+# Set your theme here
-baseurl = "https://slashformotion.github.io/hugo-tufte/"
 theme = "hugo-tufte"
+# The url of your website
+baseurl = "https://slashformotion.github.io/hugo-tufte/"
+# The title of your website (shown on all the pages)
 title = "Hugo-tufte Theme Example Site"
-pygmentsUseClasses=true
+# Site wide kill switch for Latex support
-[taxonomies]
+math = true
-  category = "categories" 
+# (If math is enabled) 
-  group = "groups"
+## if "katex" is set to true katex will be used to render LaTex, if not MathJax will be used instead
-  series = "series"
+katex = false
-  tag = "tags"
 
 [params]
-  math = true
+  # Subtitle of the website
   subtitle = "Subtitle goes here."
+  # Your name or the name of you company
   copyrightHolder = "Copyright Holder"
+  # Show the "Powered by Hugo-Tufte and Hugo." 
   showPoweredBy = true
+  # Site wide kill switch
   hidedate = false
 
+[taxonomies]
+  category = "categories"
+  series = "series"
+  tag = "tags"
 # -----------------------------------------------------------------------
 # Navigation menu 
 # -----------------------------------------------------------------------
@@ -63,8 +72,11 @@ pygmentsUseClasses=true
   url = "https://twitter.com"
 
 
-
+# Don't change the settings below
 [markup]
   [markup.goldmark]
     [markup.goldmark.renderer]
-      unsafe = true
+      unsafe = true # make the shortcodes work
+
+pygmentsUseClasses=true
+canonifyurls = true

layouts/partials/math.html

@@ -1,4 +1,29 @@
+{{ if .Params.katex }}
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css">
     <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js"></script>
     <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js"></script>
-
+    <script>
+        renderMathInElement(
+            document.body,
+            {
+                delimiters: [
+                    { left: "$$", right: "$$", display: true },
+                    { left: "\\[", right: "\\]", display: true },
+                    { left: "$", right: "$", display: false },
+                    { left: "\\(", right: "\\)", display: false }
+                ],
+                displayMode: true
+            }
+        );
+    </script>
+{{ else }}
+    <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
+    <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+    <script>
+        window.MathJax = {
+            tex: {
+                inlineMath: [['$', '$'], ['\\(', '\\)']]
+            }
+        };
+    </script>
+{{ end }}