diff --git a/index.html b/index.html
index b12fe47..f423e05 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,8 @@
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
     <link rel="mask-icon" href="/masked-icon.svg" color="#FFFFFF" />
     <meta name="theme-color" content="#2C3A47" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css"/>
   </head>
   <body>
     <noscript>
diff --git a/package.json b/package.json
index 7f576e2..0ddbc2d 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
     "@octokit/core": "^5.2.0",
     "@octokit/rest": "^20.1.1",
     "@toycode/markdown-it-class": "^1.2.4",
+    "@vscode/markdown-it-katex": "^1.1.1",
     "@vueuse/core": "^10.11.1",
     "@vueuse/router": "^10.11.1",
     "date-fns": "^2.30.0",
@@ -29,7 +30,6 @@
     "markdown-it-footnote": "^4.0.0",
     "markdown-it-github-alerts": "^0.3.0",
     "markdown-it-iframe": "^1.0.0",
-    "markdown-it-latex": "^0.2.0",
     "markdown-it-shikiji": "^0.10.2",
     "nanoid": "^5.0.9",
     "notyf": "^3.10.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9416ec9..84cfa36 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -20,6 +20,9 @@ importers:
       '@toycode/markdown-it-class':
         specifier: ^1.2.4
         version: 1.2.4
+      '@vscode/markdown-it-katex':
+        specifier: ^1.1.1
+        version: 1.1.1
       '@vueuse/core':
         specifier: ^10.11.1
         version: 10.11.1(vue@3.5.13(typescript@5.7.2))
@@ -56,9 +59,6 @@ importers:
       markdown-it-iframe:
         specifier: ^1.0.0
         version: 1.0.0
-      markdown-it-latex:
-        specifier: ^0.2.0
-        version: 0.2.0
       markdown-it-shikiji:
         specifier: ^0.10.2
         version: 0.10.2
@@ -1712,6 +1712,9 @@ packages:
   '@vitest/utils@1.6.0':
     resolution: {integrity: sha512-21cPiuGMoMZwiOHa2i4LXkMkMkCGzA+MVFV70jRwHo95dL4x/ts5GZhML1QWuy7yfp3WzK3lRvZi3JnXTYqrBw==}
 
+  '@vscode/markdown-it-katex@1.1.1':
+    resolution: {integrity: sha512-3KTlbsRBPJQLE2YmLL7K6nunTlU+W9T5+FjfNdWuIUKgxSS6HWLQHaO3L4MkJi7z7MpIPpY+g4N+cWNBPE/MSA==}
+
   '@vue/compiler-core@3.5.13':
     resolution: {integrity: sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==}
 
@@ -1899,9 +1902,6 @@ packages:
     resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
     engines: {node: '>=8'}
 
-  asciimath-to-latex@0.3.2:
-    resolution: {integrity: sha512-+80CDzm6nXdtsYwUdxBOLo7FA6ZO5CfRyYHgqLpUZgavPYqodXHamOQuLZJksV+4CUteJs1h7cBaF63d2qa97Q==}
-
   assertion-error@1.1.0:
     resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
 
@@ -2048,6 +2048,10 @@ packages:
     resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
     engines: {node: '>= 6'}
 
+  commander@8.3.0:
+    resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
+    engines: {node: '>= 12'}
+
   common-tags@1.8.2:
     resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==}
     engines: {node: '>=4.0.0'}
@@ -2821,8 +2825,8 @@ packages:
     resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==}
     engines: {node: '>=0.10.0'}
 
-  katex@0.9.0:
-    resolution: {integrity: sha512-lp3x90LT1tDZBW2tjLheJ98wmRMRjUHwk4QpaswT9bhqoQZ+XA4cPcjcQBxgOQNwaOSt6ZeL/a6GKQ1of3LFxQ==}
+  katex@0.16.18:
+    resolution: {integrity: sha512-LRuk0rPdXrecAFwQucYjMiIs0JFefk6N1q/04mlw14aVIVgxq1FO0MA9RiIIGVaKOB5GIP5GH4aBBNraZERmaQ==}
     hasBin: true
 
   leven@3.1.0:
@@ -2913,9 +2917,6 @@ packages:
   markdown-it-iframe@1.0.0:
     resolution: {integrity: sha512-UA/MZARLnUXJkhd+ECpMUBLLnMmOB4LmgOUL41+1GMqcwZnb1utP6VNZ4ZvEn5o9ZnuAUh6zvYcsQciwxy7WvA==}
 
-  markdown-it-latex@0.2.0:
-    resolution: {integrity: sha512-vCaS6Dws9faA8lZel7Slfa1IYEnbYOjHzian/tDBulONBS+f9vRkFfQ4S0eFnTGtDTTXqE7zAnoezkv18b9IIA==}
-
   markdown-it-shikiji@0.10.2:
     resolution: {integrity: sha512-Y2Zfp6GblTuGBlirnBms2xS6+C3iFiUzCsVp+nZaMWavBcS9ZFxEglWdSpfjt4gqWlQunWmIEX1OUt9WaqFNvw==}
     deprecated: Shikiji is merged back to Shiki v1.0, please migrate over to get the latest updates
@@ -2924,9 +2925,6 @@ packages:
     resolution: {integrity: sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==}
     hasBin: true
 
-  match-at@0.1.1:
-    resolution: {integrity: sha512-h4Yd392z9mST+dzc+yjuybOGFNOZjmXIPKWjxBd1Bb23r4SmDOsk2NYCU2BMUBGbSpZqwVsZYNq26QS3xfaT3Q==}
-
   mdurl@2.0.0:
     resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
 
@@ -5587,6 +5585,10 @@ snapshots:
       loupe: 2.3.7
       pretty-format: 29.7.0
 
+  '@vscode/markdown-it-katex@1.1.1':
+    dependencies:
+      katex: 0.16.18
+
   '@vue/compiler-core@3.5.13':
     dependencies:
       '@babel/parser': 7.26.2
@@ -5834,8 +5836,6 @@ snapshots:
 
   array-union@2.1.0: {}
 
-  asciimath-to-latex@0.3.2: {}
-
   assertion-error@1.1.0: {}
 
   async@3.2.4: {}
@@ -5996,6 +5996,8 @@ snapshots:
 
   commander@4.1.1: {}
 
+  commander@8.3.0: {}
+
   common-tags@1.8.2: {}
 
   concat-map@0.0.1: {}
@@ -6848,9 +6850,9 @@ snapshots:
 
   jsonpointer@5.0.1: {}
 
-  katex@0.9.0:
+  katex@0.16.18:
     dependencies:
-      match-at: 0.1.1
+      commander: 8.3.0
 
   leven@3.1.0: {}
 
@@ -6930,11 +6932,6 @@ snapshots:
 
   markdown-it-iframe@1.0.0: {}
 
-  markdown-it-latex@0.2.0:
-    dependencies:
-      asciimath-to-latex: 0.3.2
-      katex: 0.9.0
-
   markdown-it-shikiji@0.10.2:
     dependencies:
       markdown-it: 14.1.0
@@ -6950,8 +6947,6 @@ snapshots:
       punycode.js: 2.3.1
       uc.micro: 2.1.0
 
-  match-at@0.1.1: {}
-
   mdurl@2.0.0: {}
 
   merge-stream@2.0.0: {}
diff --git a/src/hooks/useMarkdown.hook.ts b/src/hooks/useMarkdown.hook.ts
index a60efae..fa2042b 100644
--- a/src/hooks/useMarkdown.hook.ts
+++ b/src/hooks/useMarkdown.hook.ts
@@ -1,4 +1,5 @@
 import markdownItClass from '@toycode/markdown-it-class'
+import markdownItLatex from '@vscode/markdown-it-katex'
 import MarkdownIt from 'markdown-it'
 import Renderer from 'markdown-it/lib/renderer'
 import blockEmbedPlugin from 'markdown-it-block-embed'
@@ -6,7 +7,6 @@ import markdownItCheckbox from 'markdown-it-checkbox'
 import markdownItFootnote from 'markdown-it-footnote'
 import MarkdownItGitHubAlerts from 'markdown-it-github-alerts'
 import markdownItIframe from 'markdown-it-iframe'
-import markdownItLatex from 'markdown-it-latex'
 import Shikiji from 'markdown-it-shikiji'
 import { Ref, toValue } from 'vue'
 
diff --git a/src/main.ts b/src/main.ts
index cccde48..59cff79 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,4 @@
 import './styles/app.css'
-import 'markdown-it-latex/dist/index.css'
 import 'notyf/notyf.min.css'
 
 import { createPinia } from 'pinia'
diff --git a/src/shims-vue.d.ts b/src/shims-vue.d.ts
index 2e0a465..843420b 100644
--- a/src/shims-vue.d.ts
+++ b/src/shims-vue.d.ts
@@ -9,7 +9,6 @@ declare module 'markdown-it-block-embed'
 declare module 'markdown-it-checkbox'
 declare module 'markdown-it-footnote'
 declare module 'markdown-it-regexp'
-declare module 'markdown-it-latex'
 declare module 'markdown-it-iframe'
 declare module 'markdown-it-shikiji'
 declare module '@rushstack/eslint-patch/modern-module-resolution'
