feat: support math equations

Author: jinyang1994

docusaurus.config.ts

@@ -1,6 +1,8 @@
 import { themes as prismThemes } from 'prism-react-renderer'
 import type { Config } from '@docusaurus/types'
 import type * as Preset from '@docusaurus/preset-classic'
+import remarkMath from 'remark-math'
+import rehypeKatex from 'rehype-katex'
 
 // This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)
 
@@ -46,6 +48,8 @@ const config: Config = {
         },
         docs: {
           routeBasePath: '/',
+          remarkPlugins: [remarkMath],
+          rehypePlugins: [rehypeKatex],
           sidebarItemsGenerator: async (args) => {
             const { defaultSidebarItemsGenerator } = args
             const items = await defaultSidebarItemsGenerator(args)
@@ -67,7 +71,15 @@ const config: Config = {
       } satisfies Preset.Options
     ]
   ],
-
+  stylesheets: [
+    {
+      href: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css',
+      type: 'text/css',
+      integrity:
+        'sha384-odtC+0UGzzFL/6PNoE8rX/SPcQDXBJ+uRepguP4QkPCm2LBxH3FA3y+fKSiJ+AmM',
+      crossorigin: 'anonymous'
+    }
+  ],
   themeConfig: {
     colorMode: {
       disableSwitch: true

package.json

@@ -26,7 +26,9 @@
     "prism-react-renderer": "^2.3.0",
     "rc-tooltip": "^6.4.0",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "rehype-katex": "^7.0.1",
+    "remark-math": "^6.0.0"
   },
   "devDependencies": {
     "@docusaurus/module-type-aliases": "3.8.1",