fix(package): remove katex

astro.config.ts

@@ -11,7 +11,6 @@ import {
   transformerNotationDiff,
 } from '@shikijs/transformers'
 import { rehypeHeadingIds } from '@astrojs/markdown-remark'
-import rehypeKatex from 'rehype-katex'
 import rehypeExternalLinks from 'rehype-external-links'
 import rehypePrettyCode from 'rehype-pretty-code'
 import remarkCallout from "@r4ai/remark-callout";
@@ -47,7 +46,6 @@ export default defineConfig({
         },
       ],
       rehypeHeadingIds,
-      rehypeKatex,
       sectionize,
       [
         rehypePrettyCode,

package.json

@@ -42,7 +42,6 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rehype-external-links": "^3.0.0",
-    "rehype-katex": "^7.0.1",
     "rehype-pretty-code": "^0.14.0",
     "remark-emoji": "^5.0.1",
     "remark-math": "^6.0.0",

src/components/Head.astro

@@ -21,12 +21,6 @@ const { title, description, image = "/static/twitter-card.png" } = Astro.props;
 
 <link rel="canonical" href={canonicalURL} />
 <link rel="sitemap" href="/sitemap-index.xml" />
-<link
-  rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.css"
-  integrity="sha384-zh0CIslj+VczCZtlzBcjt5ppRcsAmDnRem7ESsYwWwg3m/OaJ2l4x7YBZl9Kxxib"
-  crossorigin="anonymous"
-/>
 
 <title>{title}</title>
 <meta name="title" content={title} />

src/styles/global.css

@@ -85,10 +85,6 @@
   article {
     @apply prose-headings:scroll-mt-20 prose-headings:break-words first:prose-headings:mt-0 prose-p:break-words prose-a:!break-words prose-a:!decoration-muted-foreground prose-a:underline-offset-[3px] prose-a:transition-colors hover:prose-a:!decoration-foreground prose-pre:!px-0 prose-img:mx-auto;
 
-    .katex-display {
-      @apply overflow-x-auto overflow-y-hidden py-4;
-    }
-
     /* Removes background from <mark> elements */
     mark {
       @apply bg-transparent;