Fix #7: katex now work as expected

README.md

@@ -21,7 +21,7 @@ This is a fork of the original [hugo-tufte](https://github.com/shawnohare/hugo-t
 [katex](https://katex.org/) renders LaTeX written inside of markdown files.  LaTeX can be
 written more or less as normal.  Some examples:
 
-- This `\\( \frac{1}{2} \\)` will be rendered inline.
+- This `$ \frac{1}{2} $` will be rendered inline.
 - A simple displayed equation: `$$f(x, y) := e^{x^2 - y^2}.$$`
 
 There currently seems to be some weirdness with other environments,
@@ -33,12 +33,12 @@ Let $G$ be a finite group with exponent $2$.  Then every element is
 an involution, hence for any $x$, $y$ in $G$ we have:
 
 <p>
-\begin{align*}
+\begin{aligned}
   e &= (xy)^2  \\
   &=xyxy \implies \\
   y^{-1} &= xyx \implies \\
   y^{-1}x^{-1} &= xy,
-\end{align*}
+\end{aligned*}
 </p>
 
 establishing that $G$ is abelian.
@@ -104,7 +104,7 @@ support all the features present in the
   ```html
   {{< epigraph pre="Author Writer, " cite="Math is Fun" >}}
   This is an example of an epigraph with some math
-  \\( \mathbb N \subseteq \mathbb R \\)
+  $ \mathbb N \subseteq \mathbb R $
   to start the beginning of a section.
   {{< /epigraph >}}
   ```

exampleSite/content/post/more-maths.md

@@ -4,12 +4,12 @@ meta = false
 author = "AUTHOR NAME"
 date = "2021-07-20T13:56:01-08:00"
 type = "post"
-title = "More math \\(\\xi_{(even-in-the-title-!)}\\)"
+title = "More math $\\xi_{(even-in-the-title-!)}$"
 subtitle = "Wow this really works ! "
 toc = true
 categories = ["katex", "latex", "tufte-css"]
 +++
-A compilation of \\(\LaTeX\\) formulas...
+A compilation of $\LaTeX$ formulas...
 <!--more-->
 
 ## Matrix 

exampleSite/content/post/tufte-features.md

@@ -12,13 +12,13 @@ categories = ["katex", "latex", "tufte-css"]
 +++
 
 This is a quick demonstration post.  It serves as an example of the features
-of this theme.  One of them is \\( \LaTeX \\) via [Katex](https://katex.org/). 
+of this theme.  One of them is $ \LaTeX $ via [Katex](https://katex.org/). 
 {{< section "begin" >}}
 ## A Bit About Mathematics
 
 {{< epigraph pre="Shawn O'Hare, " cite="Math is Fun" >}}
 This is an example of an epigraph with some math
-\\( \mathbb N \subseteq \mathbb R \\)
+$ \mathbb N \subseteq \mathbb R $
 to start the beginning of a section.
 {{< /epigraph >}}
 
@@ -27,20 +27,20 @@ to start the beginning of a section.
 ### Inline
 Some inline math:
 {{< marginnote "mn-example" >}}This is a margin note.{{< /marginnote >}}
-\\(e^{i \pi} = -1\\)
+$e^{i \pi} = -1$
- and \\(\sqrt{-1} = i \\)
+ and $\sqrt{-1} = i $
-and \\( a_2 = 3 \\).
+and $ a_2 = 3 $.
 
 ### Display
-And display math using escaped brackets `\\[`:
+And display math using this symbol `$$`:
 {{< sidenote "sn-example" >}}This is a sidenote!{{< /sidenote >}}
-\\[
+$$
   -- \cdot_H -- \colon B(G,H) \times B(H, K) \to B(G, K), \quad ([X], [Y]) \mapsto [X \times_H Y].
-\\]
+$$
 
 ### Environments
 
-Currently, certain \\(\LaTeX\\) environments need to be escaped so that
+Currently, certain $\LaTeX$ environments need to be escaped so that
 the markdown processor does not override Katex.  Currently, display
 environments should be enclosed in `<p>` tags and blank lines.
 For instance:
@@ -77,7 +77,7 @@ $$
 
 ### Blockquotes
 Some blockquotes.  But first, we try to manually cite via
-<cite>This is between cite tags and has math: \\(e^x \\)</cite>
+<cite>This is between cite tags and has math: $e^x $</cite>
 
 {{< blockquote cite="www.shawnohare.com" footer="Shawn O'Hare" >}}
 This is a blockquote with two paragraphs, that employs the

layouts/partials/math.html

@@ -1,4 +1,4 @@
 <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" onload="renderMathInElement(document.body);"></script> 
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js"></script> 
 

static/js/main.js

@@ -1,14 +1,12 @@
-<script>
+renderMathInElement(
-    renderMathInElement(
     document.body,
-        {
+    {
         delimiters: [
-                    {left: "$$", right: "$$", display: true},
+            { left: "$$", right: "$$", display: true },
-                    {left: "\\[", right: "\\]", display: true},
+            { left: "\\[", right: "\\]", display: true },
-                    {left: "$", right: "$", display: true},
+            { left: "$", right: "$", display: false },
-                    {left: "\\(", right: "\\)", display: true}
+            { left: "\\(", right: "\\)", display: false }
-                ],
+        ],
-        displayMode: true 
+        displayMode: true
-        }
+    }
-    );
+);
-</script>