tonarino · zohaad · Apr 27, 2022 · Apr 27, 2022 · bschwind · May 12, 2022
diff --git a/package.json b/package.json
@@ -18,6 +18,7 @@
     "@zeit/react-jsx-parser": "^2.0.0",
     "github-slugger": "^1.4",
     "highlight.js": "^11.2",
+    "katex": "^0.15.3",
     "next": "^12",
     "nprogress": "^0.2.0",
     "react": "^17",

diff --git a/public/fonts/KaTeX_AMS-Regular.ttf b/public/fonts/KaTeX_AMS-Regular.ttf
diff --git a/public/fonts/KaTeX_AMS-Regular.woff b/public/fonts/KaTeX_AMS-Regular.woff
diff --git a/public/fonts/KaTeX_AMS-Regular.woff2 b/public/fonts/KaTeX_AMS-Regular.woff2
diff --git a/public/fonts/KaTeX_Caligraphic-Bold.ttf b/public/fonts/KaTeX_Caligraphic-Bold.ttf
diff --git a/public/fonts/KaTeX_Caligraphic-Bold.woff b/public/fonts/KaTeX_Caligraphic-Bold.woff
diff --git a/public/fonts/KaTeX_Caligraphic-Bold.woff2 b/public/fonts/KaTeX_Caligraphic-Bold.woff2
diff --git a/public/fonts/KaTeX_Caligraphic-Regular.ttf b/public/fonts/KaTeX_Caligraphic-Regular.ttf
diff --git a/public/fonts/KaTeX_Caligraphic-Regular.woff b/public/fonts/KaTeX_Caligraphic-Regular.woff
diff --git a/public/fonts/KaTeX_Caligraphic-Regular.woff2 b/public/fonts/KaTeX_Caligraphic-Regular.woff2
diff --git a/public/fonts/KaTeX_Fraktur-Bold.ttf b/public/fonts/KaTeX_Fraktur-Bold.ttf
diff --git a/public/fonts/KaTeX_Fraktur-Bold.woff b/public/fonts/KaTeX_Fraktur-Bold.woff
diff --git a/public/fonts/KaTeX_Fraktur-Bold.woff2 b/public/fonts/KaTeX_Fraktur-Bold.woff2
diff --git a/public/fonts/KaTeX_Fraktur-Regular.ttf b/public/fonts/KaTeX_Fraktur-Regular.ttf
diff --git a/public/fonts/KaTeX_Fraktur-Regular.woff b/public/fonts/KaTeX_Fraktur-Regular.woff
diff --git a/public/fonts/KaTeX_Fraktur-Regular.woff2 b/public/fonts/KaTeX_Fraktur-Regular.woff2
diff --git a/public/fonts/KaTeX_Main-Bold.ttf b/public/fonts/KaTeX_Main-Bold.ttf
diff --git a/public/fonts/KaTeX_Main-Bold.woff b/public/fonts/KaTeX_Main-Bold.woff
diff --git a/public/fonts/KaTeX_Main-Bold.woff2 b/public/fonts/KaTeX_Main-Bold.woff2
diff --git a/public/fonts/KaTeX_Main-BoldItalic.ttf b/public/fonts/KaTeX_Main-BoldItalic.ttf
diff --git a/public/fonts/KaTeX_Main-BoldItalic.woff b/public/fonts/KaTeX_Main-BoldItalic.woff
diff --git a/public/fonts/KaTeX_Main-BoldItalic.woff2 b/public/fonts/KaTeX_Main-BoldItalic.woff2
diff --git a/public/fonts/KaTeX_Main-Italic.ttf b/public/fonts/KaTeX_Main-Italic.ttf
diff --git a/public/fonts/KaTeX_Main-Italic.woff b/public/fonts/KaTeX_Main-Italic.woff
diff --git a/public/fonts/KaTeX_Main-Italic.woff2 b/public/fonts/KaTeX_Main-Italic.woff2
diff --git a/public/fonts/KaTeX_Main-Regular.ttf b/public/fonts/KaTeX_Main-Regular.ttf
diff --git a/public/fonts/KaTeX_Main-Regular.woff b/public/fonts/KaTeX_Main-Regular.woff
diff --git a/public/fonts/KaTeX_Main-Regular.woff2 b/public/fonts/KaTeX_Main-Regular.woff2
diff --git a/public/fonts/KaTeX_Math-BoldItalic.ttf b/public/fonts/KaTeX_Math-BoldItalic.ttf
diff --git a/public/fonts/KaTeX_Math-BoldItalic.woff b/public/fonts/KaTeX_Math-BoldItalic.woff
diff --git a/public/fonts/KaTeX_Math-BoldItalic.woff2 b/public/fonts/KaTeX_Math-BoldItalic.woff2
diff --git a/public/fonts/KaTeX_Math-Italic.ttf b/public/fonts/KaTeX_Math-Italic.ttf
diff --git a/public/fonts/KaTeX_Math-Italic.woff b/public/fonts/KaTeX_Math-Italic.woff
diff --git a/public/fonts/KaTeX_Math-Italic.woff2 b/public/fonts/KaTeX_Math-Italic.woff2
diff --git a/public/fonts/KaTeX_SansSerif-Bold.ttf b/public/fonts/KaTeX_SansSerif-Bold.ttf
diff --git a/public/fonts/KaTeX_SansSerif-Bold.woff b/public/fonts/KaTeX_SansSerif-Bold.woff
diff --git a/public/fonts/KaTeX_SansSerif-Bold.woff2 b/public/fonts/KaTeX_SansSerif-Bold.woff2
diff --git a/public/fonts/KaTeX_SansSerif-Italic.ttf b/public/fonts/KaTeX_SansSerif-Italic.ttf
diff --git a/public/fonts/KaTeX_SansSerif-Italic.woff b/public/fonts/KaTeX_SansSerif-Italic.woff
diff --git a/public/fonts/KaTeX_SansSerif-Italic.woff2 b/public/fonts/KaTeX_SansSerif-Italic.woff2
diff --git a/public/fonts/KaTeX_SansSerif-Regular.ttf b/public/fonts/KaTeX_SansSerif-Regular.ttf
diff --git a/public/fonts/KaTeX_SansSerif-Regular.woff b/public/fonts/KaTeX_SansSerif-Regular.woff
diff --git a/public/fonts/KaTeX_SansSerif-Regular.woff2 b/public/fonts/KaTeX_SansSerif-Regular.woff2
diff --git a/public/fonts/KaTeX_Script-Regular.ttf b/public/fonts/KaTeX_Script-Regular.ttf
diff --git a/public/fonts/KaTeX_Script-Regular.woff b/public/fonts/KaTeX_Script-Regular.woff
diff --git a/public/fonts/KaTeX_Script-Regular.woff2 b/public/fonts/KaTeX_Script-Regular.woff2
diff --git a/public/fonts/KaTeX_Size1-Regular.ttf b/public/fonts/KaTeX_Size1-Regular.ttf
diff --git a/public/fonts/KaTeX_Size1-Regular.woff b/public/fonts/KaTeX_Size1-Regular.woff
diff --git a/public/fonts/KaTeX_Size1-Regular.woff2 b/public/fonts/KaTeX_Size1-Regular.woff2
diff --git a/public/fonts/KaTeX_Size2-Regular.ttf b/public/fonts/KaTeX_Size2-Regular.ttf
diff --git a/public/fonts/KaTeX_Size2-Regular.woff b/public/fonts/KaTeX_Size2-Regular.woff
diff --git a/public/fonts/KaTeX_Size2-Regular.woff2 b/public/fonts/KaTeX_Size2-Regular.woff2
diff --git a/public/fonts/KaTeX_Size3-Regular.ttf b/public/fonts/KaTeX_Size3-Regular.ttf
diff --git a/public/fonts/KaTeX_Size3-Regular.woff b/public/fonts/KaTeX_Size3-Regular.woff
diff --git a/public/fonts/KaTeX_Size3-Regular.woff2 b/public/fonts/KaTeX_Size3-Regular.woff2
diff --git a/public/fonts/KaTeX_Size4-Regular.ttf b/public/fonts/KaTeX_Size4-Regular.ttf
diff --git a/public/fonts/KaTeX_Size4-Regular.woff b/public/fonts/KaTeX_Size4-Regular.woff
diff --git a/public/fonts/KaTeX_Size4-Regular.woff2 b/public/fonts/KaTeX_Size4-Regular.woff2
diff --git a/public/fonts/KaTeX_Typewriter-Regular.ttf b/public/fonts/KaTeX_Typewriter-Regular.ttf
diff --git a/public/fonts/KaTeX_Typewriter-Regular.woff b/public/fonts/KaTeX_Typewriter-Regular.woff
diff --git a/public/fonts/KaTeX_Typewriter-Regular.woff2 b/public/fonts/KaTeX_Typewriter-Regular.woff2
diff --git a/public/katex.min-v0.15.3.css b/public/katex.min-v0.15.3.css
diff --git a/src/components/head.tsx b/src/components/head.tsx
@@ -36,6 +36,7 @@ const BlogHead = ({
         href="/favicon-16x16.png"
       />
       <link rel="stylesheet" type="text/css" href="/nprogress.css" />
+      <link rel="stylesheet" type="text/css" href="/katex.min-v0.15.3.css" />
       <link
         rel="preload"
         href="/fonts/ibm-plex-serif-v8-latin-regular.woff2"

diff --git a/src/pages/[slug].tsx b/src/pages/[slug].tsx
@@ -21,6 +21,7 @@ import {
 import RichTextSpan from 'src/components/rich-text'
 import Code from 'src/components/code'
 import blogConfig from 'blog.config'
+import katex from 'katex'
 
 type Props = {
   post: BlogPost
@@ -302,6 +303,17 @@ function getElements(blocks, level = 0): JSX.Element[] {
           </div>
         )
         break
+      case 'equation':
+        elements.push(
+          <div key={block.id} style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}
+            dangerouslySetInnerHTML={{
+              __html: katex.renderToString(block.equation.expression, {
+                throwOnError: false
+              })
+            }}
+          />
+        )
+        break
       case 'column':
         throw new Error(
           `'column' type found in elements list, which should not happen.`

diff --git a/yarn.lock b/yarn.lock
@@ -701,7 +701,7 @@ combined-stream@^1.0.8:
   dependencies:
     delayed-stream "~1.0.0"
 
-commander@^8.2.0:
+commander@^8.0.0, commander@^8.2.0:
   version "8.3.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
   integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
@@ -1565,6 +1565,13 @@ json5@^1.0.1:
   dependencies:
     minimist "^1.2.0"
 
+katex@^0.15.3:
+  version "0.15.3"
+  resolved "https://registry.yarnpkg.com/katex/-/katex-0.15.3.tgz#08781a7ed26800b20380d959d1ffcd62bca0ec14"
+  integrity sha512-Al6V7RJsmjklT9QItyHWGaQCt+NYTle1bZwB1e9MR/tLoIT1MXaHy9UpfGSB7eaqDgjjqqRxQOaQGrALCrEyBQ==
+  dependencies:
+    commander "^8.0.0"
+
 lines-and-columns@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"