Add remark-gfm, remark-math, and rehype-katex plugins

Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>

Author: Copilot

apps/site/app/layout.tsx

@@ -1,4 +1,5 @@
 import './globals.css';
+import 'katex/dist/katex.min.css';
 import type { ReactNode } from 'react';
 import { RootProvider } from 'fumadocs-ui/provider';
 

apps/site/package.json

@@ -9,22 +9,26 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "fumadocs-core": "^13.0.0",
+    "fumadocs-mdx": "10.0.0",
+    "fumadocs-ui": "^13.0.0",
+    "katex": "^0.16.27",
     "next": "^14.2.0",
     "react": "^18.3.0",
     "react-dom": "^18.3.0",
-    "fumadocs-core": "^13.0.0",
-    "fumadocs-ui": "^13.0.0",
-    "fumadocs-mdx": "10.0.0"
+    "rehype-katex": "^7.0.1",
+    "remark-gfm": "^4.0.1",
+    "remark-math": "^6.0.0"
   },
   "devDependencies": {
     "@types/node": "^20.10.0",
     "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",
-    "typescript": "^5.3.0",
+    "autoprefixer": "^10.4.16",
     "eslint": "^8.0.0",
     "eslint-config-next": "^14.2.0",
+    "postcss": "^8.4.32",
     "tailwindcss": "^3.4.0",
-    "autoprefixer": "^10.4.16",
-    "postcss": "^8.4.32"
+    "typescript": "^5.3.0"
   }
 }

apps/site/source.config.ts

@@ -1,7 +1,27 @@
 import { defineDocs, defineConfig } from 'fumadocs-mdx/config';
+import { rehypeCode } from 'fumadocs-core/mdx-plugins';
+import remarkGfm from 'remark-gfm';
+import remarkMath from 'remark-math';
+import rehypeKatex from 'rehype-katex';
 
 export const { docs, meta } = defineDocs({
   dir: 'content/docs',
 });
 
-export default defineConfig({});
+export default defineConfig({
+  mdxOptions: {
+    remarkPlugins: [
+      remarkGfm, // GitHub Flavored Markdown (tables, strikethrough, task lists, etc.)
+      remarkMath, // Math equations support
+    ],
+    rehypePlugins: [
+      rehypeKatex, // Render math equations
+      [rehypeCode, {
+        themes: {
+          light: 'github-light',
+          dark: 'github-dark',
+        },
+      }],
+    ],
+  },
+});