Use MathML output for article formulas

Author: MakerFlyFly

src/app/layout.tsx

@@ -4,7 +4,6 @@ import { AppHeader } from "@/components/app-header";
 import { BlurredBubblesBackground } from "@/components/blurred-bubbles-background";
 import { RouteScrollReset } from "@/components/route-scroll-reset";
 import { searchIndex } from "@/data/search-index";
-import "katex/dist/katex.min.css";
 import "./globals.css";
 
 const siteDescription = "学习 · 成长 · 想象 · 创造";

src/lib/markdown-renderer.ts

@@ -36,11 +36,14 @@ function renderFormula(source: string, displayMode: boolean) {
   const expression = source.trim();
 
   try {
-    return katex.renderToString(expression, {
+    const rendered = katex.renderToString(expression, {
       displayMode,
+      output: "mathml",
       throwOnError: false,
       strict: "ignore",
     });
+
+    return displayMode ? `<div class="katex-display">${rendered}</div>` : rendered;
   } catch {
     const escaped = escapeHtml(expression);
     return displayMode