From 2e33dea85383071a8f7eb0f28d33aadbe4ffa8f9 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Tue, 25 Feb 2025 15:09:44 +0800
Subject: [PATCH] feat(mdx-preview): add support for math rendering with KaTeX

---
 src/components/mdx-preview.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/mdx-preview.tsx b/src/components/mdx-preview.tsx
index 1e1877b..bd577ab 100644
--- a/src/components/mdx-preview.tsx
+++ b/src/components/mdx-preview.tsx
@@ -1,8 +1,11 @@
 "use client";
 
 import "@/style/mdx.css";
+import "katex/dist/katex.min.css";
 import remarkGfm from "remark-gfm";
+import remarkMath from "remark-math";
 import rehypeSlug from "rehype-slug";
+import rehypeKatex from "rehype-katex";
 import { useTheme } from "next-themes";
 import rehypePretty from "rehype-pretty-code";
 import { Skeleton } from "@/components/ui/skeleton";
@@ -55,8 +58,9 @@ export default function MdxPreview({ source }: MdxPreviewProps) {
                 keepBackground: false,
               },
             ],
+            rehypeKatex,
           ],
-          remarkPlugins: [remarkGfm],
+          remarkPlugins: [remarkGfm, remarkMath],
         },
       });
       setMdxSource(mdxSource);