fezcode
diff --git a/‎package-lock.json‎
Lines changed: 237 additions & 0 deletions b/‎package-lock.json‎
Lines changed: 237 additions & 0 deletions
diff --git a/‎package.json‎
Lines changed: 3 additions & 0 deletions b/‎package.json‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎src/components/MarkdownContent.jsx‎
Lines changed: 4 additions & 2 deletions b/‎src/components/MarkdownContent.jsx‎
Lines changed: 4 additions & 2 deletions
diff --git a/‎src/index.js‎
Lines changed: 1 addition & 0 deletions b/‎src/index.js‎
Lines changed: 1 addition & 0 deletions
@@ -15,6 +15,7 @@
     "framer-motion": "^11.0.24",
     "front-matter": "^4.0.2",
     "html2canvas": "^1.4.1",
+    "katex": "^0.16.27",
     "marked": "^16.4.1",
     "piml": "^1.1.1",
     "prismjs": "^1.30.0",
@@ -29,8 +30,10 @@
     "react-slick": "^0.31.0",
     "react-snap": "github:fezcode/react-snap",
     "react-syntax-highlighter": "^16.1.0",
+    "rehype-katex": "^7.0.1",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
+    "remark-math": "^6.0.0",
     "rss": "^1.2.2",
     "slick-carousel": "^1.8.1",
     "stackblur-canvas": "^2.7.0",
 
@@ -1,7 +1,9 @@
 import React, { useState } from 'react';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
+import remarkMath from 'remark-math';
 import rehypeRaw from 'rehype-raw';
+import rehypeKatex from 'rehype-katex';
 import { ImagesIcon } from '@phosphor-icons/react';
 import ImageModal from './ImageModal';
 
@@ -39,8 +41,8 @@ const MarkdownContent = ({ content, components = {}, className = '' }) => {
       <>
         <div className={className}>
           <ReactMarkdown
-            remarkPlugins={[remarkGfm]}
-            rehypePlugins={[rehypeRaw]}
+            remarkPlugins={[remarkGfm, remarkMath]}
+            rehypePlugins={[rehypeRaw, rehypeKatex]}
             components={defaultComponents}
           >
             {content}
 
@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import 'katex/dist/katex.min.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';