enable TeX math rendering with KaTeX

Author: mmmttt000045

astro.config.mjs

@@ -1,9 +1,15 @@
 import { defineConfig } from 'astro/config';
 import vue from '@astrojs/vue';
 import sitemap from '@astrojs/sitemap';
+import remarkMath from 'remark-math';
+import rehypeKatex from 'rehype-katex';
 
 export default defineConfig({
   site: 'https://rushdb-lab.github.io',
+  markdown: {
+    remarkPlugins: [remarkMath],
+    rehypePlugins: [rehypeKatex],
+  },
   integrations: [
     vue(),
     sitemap({

package-lock.json

@@ -13,6 +13,9 @@
     "@astrojs/sitemap": "^3.2.0",
     "@astrojs/vue": "^5.0.0",
     "astro": "^5.0.0",
+    "katex": "^0.16.28",
+    "rehype-katex": "^7.0.1",
+    "remark-math": "^6.0.0",
     "vue": "^3.5.13"
   },
   "devDependencies": {

package.json

@@ -73,9 +73,9 @@ private:
 
 ### 3.1 距离计算的数学原理
 
-对于两个 `n` 维向量 `a` 和 `b`，欧几里得距离（L2）定义为：
+对于两个 \(n\) 维向量 \(\mathbf{a}\) 和 \(\mathbf{b}\)，欧几里得距离（L2）定义为：
 
-<p><strong>d(a, b) = ||a - b||<sub>2</sub> = √(Σ<sub>i=1</sub><sup>n</sup> (a<sub>i</sub> - b<sub>i</sub>)<sup>2</sup>)</strong></p>
+$$ d(\mathbf{a}, \mathbf{b}) = \|\mathbf{a} - \mathbf{b}\|_2 = \sqrt{\sum_{i=1}^{n} (a_i - b_i)^2} $$
 
 在比较大小时，我们通常省略开方运算以减少 CPU 开销。
 

src/content/blog/zh/miniob-vector-database.md

@@ -1,5 +1,6 @@
 ---
 import '../styles/global.css';
+import 'katex/dist/katex.min.css';
 import { getI18n, type Lang } from '../i18n';
 import NavBar from '../components/vue/NavBar.vue';
 import BackToTop from '../components/vue/BackToTop.vue';