feat: add mathjax support

astro.config.mjs

@@ -2,6 +2,8 @@ import starlight from '@astrojs/starlight';
 import tailwind from '@astrojs/tailwind';
 import { defineConfig } from 'astro/config';
 import starlightLinksValidator from 'starlight-links-validator'
+import remarkMath from 'remark-math';
+import rehypeMathjax from 'rehype-mathjax';
 export const locales = {
   root: {
     label: 'English',
@@ -127,6 +129,10 @@ export default defineConfig({
     // Disable the default base styles:
     applyBaseStyles: false
   }),],
+  markdown: {
+    remarkPlugins: [remarkMath],
+    rehypePlugins: [rehypeMathjax],
+  },
   image: {
     service: {
       entrypoint: 'astro/assets/services/sharp'

package.json

@@ -14,6 +14,8 @@
     "@astrojs/starlight-tailwind": "^2.0.1",
     "@astrojs/tailwind": "^5.1.0",
     "astro": "^4.0.8",
+    "rehype-mathjax": "^6.0.0",
+    "remark-math": "^6.0.0",
     "sharp": "^0.33.1",
     "starlight-links-validator": "^0.6.0",
     "tailwindcss": "^3.4.0"