Fixed inline math typesetting

Author: stickyPiston

hakyll-jobbel.cabal

@@ -9,5 +9,6 @@ executable site
                   , hakyll == 4.16.*
                   , time
                   , containers
+                  , pandoc
   ghc-options:      -threaded -rtsopts -with-rtsopts=-N
   default-language: Haskell2010

js/post.js

@@ -1,12 +1,24 @@
 function renderMath() {
-  renderMathInElement(document.body, {
-    delimiters: [
-      { left: "$$", right: "$$", display: true },
-      { left: "$", right: "$", display: false },
-      { left: "\\(", right: "\\)", display: false },
-      { left: "\\[", right: "\\]", display: true }
-    ]
-  });
+  const inlineMath = document.querySelectorAll("span.math.inline");
+  for (const element of inlineMath) {
+    katex.render(element.innerText, element);
+  }
+
+  const displayMath = document.querySelectorAll("span.math.display");
+  for (const element of displayMath) {
+    katex.render(element.innerText, element, {
+      displayMode: true
+    });
+  }
+
+  // renderMathInElement(document.body, {
+  //   delimiters: [
+  //     { left: "$$", right: "$$", display: true },
+  //     { left: "$", right: "$", display: false },
+  //     { left: "\\(", right: "\\)", display: false },
+  //     { left: "\\[", right: "\\]", display: true }
+  //   ]
+  // });
 }
 
 const codeBlocks = Array.from(document.querySelectorAll("pre code"));

site.hs

@@ -8,6 +8,7 @@ import Data.Time.Calendar.OrdinalDate
 import Data.Time.Clock
 import Data.Time.Format
 import Hakyll
+import Text.Pandoc.Options
 
 --------------------------------------------------------------------------------
 main :: IO ()
@@ -23,7 +24,9 @@ main = hakyll $ do
   match "posts/*" $ do
     route $ setExtension "html"
     compile $
-      pandocCompiler
+      pandocCompilerWith
+        defaultHakyllReaderOptions
+        defaultHakyllWriterOptions{writerHTMLMathMethod = KaTeX ""}
         >>= loadAndApplyTemplate "templates/post.html" postCtx
         >>= loadAndApplyTemplate "templates/default.html" postCtx
         >>= relativizeUrls

templates/post.html

@@ -16,11 +16,6 @@
   defer
   src="https://cdn.jsdelivr.net/npm/katex@0.16.19/dist/katex.min.js"
   integrity="sha384-RdymN7NRJ+XoyeRY4185zXaxq9QWOOx3O7beyyrRK4KQZrPlCDQQpCu95FoCGPAE"
-  crossorigin="anonymous"></script>
-<script
-  defer
-  src="https://cdn.jsdelivr.net/npm/katex@0.16.19/dist/contrib/auto-render.min.js"
-  integrity="sha384-hCXGrW6PitJEwbkoStFjeJxv+fSOOQKOPbJxSfM6G5sWZjAyWhXiTIIAmQqnlLlh"
   crossorigin="anonymous"
   onload="renderMath()"></script>