obsidian(gyunseo laptop): M astro.config.mjs package-lock.json packag…

…e.json src/content/blog/data-communications-and-networking-chapter-4-lans-part2.md src/layouts/Layout.astro, A src/assets/image/render-math-in-astro-markdown-pages-with-katex-1696235073061.jpeg src/content/blog/render-math-in-astro-markdown-pages-with-katex.md 2023-10-02 17:25:20 Affected files: astro.config.mjs package-lock.json package.json src/assets/image/render-math-in-astro-markdown-pages-with-katex-1696235073061.jpeg src/content/blog/data-communications-and-networking-chapter-4-lans-part2.md src/content/blog/render-math-in-astro-markdown-pages-with-katex.md src/layouts/Layout.astro
gyunseo · Oct 2, 2023 · 29dbc03 · 29dbc03
1 parent a8e914e
commit 29dbc03
Show file tree

Hide file tree

Showing 7 changed files with 1,350 additions and 73 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -8,6 +8,8 @@ import {
   updateImageLinkNode,
   updateLinkNode,
 } from "./src/utils/updateMarkdownASTNodeURLValue";
+import remarkMath from "remark-math";
+import rehypeKatex from "rehype-katex";
 // https://astro.build/config
 export default defineConfig({
   site: "https://gyunseo.xyz", // replace this with your deployed dom:wain
@@ -21,6 +23,8 @@ export default defineConfig({
   markdown: {
     remarkPlugins: [
       remarkToc,
+      // to support a math syntax in markdown
+      remarkMath,
       [
         remarkCollapse,
         {
@@ -32,6 +36,8 @@ export default defineConfig({
       // convert Markdown Link Node URL Value,
       updateLinkNode,
     ],
+    // to render math in HTML with KaTex
+    rehypePlugins: [rehypeKatex],
     shikiConfig: {
       theme: "one-dark-pro",
       wrap: true,