From 630e285b7746887d03ea2605b38fc3da172518f4 Mon Sep 17 00:00:00 2001
From: "1152958806@qq.com" <17683872107czx>
Date: Sun, 8 Oct 2023 14:13:51 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=20katex=20pjax=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/modules/layouts/layout.html | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
diff --git a/templates/modules/layouts/layout.html b/templates/modules/layouts/layout.html
index bf5fa853..ec919597 100644
--- a/templates/modules/layouts/layout.html
+++ b/templates/modules/layouts/layout.html
@@ -15,6 +15,28 @@
     <link th:if="${#strings.equals(theme.config.comments.use, 'Waline')
     && not #strings.isEmpty(theme.config.comments.walines.serverURL)}"
       rel="stylesheet" th:href="${not #strings.isEmpty(theme.config.comments.walines.walinesCss) ? theme.config.comments.walines.walinesCss : 'https://cdn.cbd.int/@waline/client@2.15.7/dist/waline.css' }">
+    <!--  解决 katex pjax问题 -->
+    <th:block th:if="${pluginFinder.available('plugin-katex')}">
+        <script defer="" src="/plugins/plugin-katex/assets/static/katex.min.js"></script>
+        <script>
+            document.addEventListener("pjax:complete", function () {
+                if (GLOBAL_CONFIG.htmlType == 'post' || GLOBAL_CONFIG.htmlType == 'page') {
+                    const postBody = document.body
+                    const renderMath = (selector, displayMode) => {
+                        const els = postBody.querySelectorAll(selector)
+                        els.forEach((el) => {
+                            katex.render(el.innerText, el, { displayMode })
+                        })
+                    }
+                    if (postBody) {
+                        renderMath("[math-inline],.math-inline,.katex--inline", false);
+                        renderMath("[math-display],.math-display,.katex--display", true);
+                    }
+                }
+
+            });
+        </script>
+    </th:block>
 </head>
 
 <body>
