update PostDetailView to support Latex math format

Author: myshkin451

client/package-lock.json

@@ -17,6 +17,7 @@
     "bytemd": "^1.22.0",
     "highlight.js": "^11.11.1",
     "markdown-it": "^14.1.0",
+    "markdown-it-katex": "^2.0.3",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0"
   },

client/package.json

@@ -78,6 +78,8 @@ import Footer from '../components/Footer.vue';
 import CommentSection from '../components/CommentSection.vue';
 import api from '../api';
 import MarkdownIt from 'markdown-it';
+import markdownItKatex from 'markdown-it-katex';
+import 'katex/dist/katex.css';
 // 引入 highlight.js 样式 (建议在 main.js 全局引入，不过这里保留以防万一)
 import 'highlight.js/styles/atom-one-dark.css'; 
 
@@ -96,6 +98,8 @@ const md = new MarkdownIt({
   }
 });
 
+md.use(markdownItKatex);
+
 const post = ref(null);
 const loading = ref(true);
 const route = useRoute();