From a21e10cac6b7ff101a3e77e837f24ffc483d7830 Mon Sep 17 00:00:00 2001
From: Loping151 <97866915+Loping151@users.noreply.github.com>
Date: Sun, 15 Sep 2024 17:45:29 +0800
Subject: [PATCH] fix katex in content index

---
 src/components/Content.astro | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/Content.astro b/src/components/Content.astro
index 932d859..c4a4765 100644
--- a/src/components/Content.astro
+++ b/src/components/Content.astro
@@ -24,6 +24,17 @@ import ThemeIcon from "../components/ThemeIcon.astro";
   </div>
 </div>
 <script>
+  function getCleanText(element: HTMLElement) {
+    let text = "";
+    element.childNodes.forEach((node: ChildNode) => {
+      if (node.nodeType === Node.TEXT_NODE) {
+        text += node.textContent;
+      } else if (node.nodeType === Node.ELEMENT_NODE && (node as HTMLElement).className !== 'katex-mathml') {
+        text += getCleanText(node as HTMLElement);
+      }
+    });
+    return text;
+  }
   function addContent() {
     const headings = document.querySelectorAll("h1, h2, h3, h4, h5, h6");
 
@@ -31,7 +42,7 @@ import ThemeIcon from "../components/ThemeIcon.astro";
       let tocContent = "<ul class='overflow-auto w-full list-none m-0 p-0'>";
       let levelCounters = [0, 0, 0, 0, 0, 0];
       headings.forEach((heading) => {
-        let headingText = heading.textContent;
+        let headingText = getCleanText(heading as HTMLElement);
         const headingId = heading.id;
         const headingLevel = parseInt(heading.tagName.charAt(1), 10);