From ae4554bcfa71e8a4d9ce3feccd924b28b6c11ac4 Mon Sep 17 00:00:00 2001
From: nanhaoluo <3075912108@qq.com>
Date: Fri, 23 Jan 2026 21:18:45 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20Mermaid=20=E6=B8=B2?=
 =?UTF-8?q?=E6=9F=93=E9=94=99=E8=AF=AF=20-=20=E6=94=B9=E4=B8=BA=E7=AB=8B?=
 =?UTF-8?q?=E5=8D=B3=E6=B8=B2=E6=9F=93=E6=AF=8F=E4=B8=AA=E5=9B=BE=E8=A1=A8?=
 =?UTF-8?q?=E8=80=8C=E9=9D=9E=E6=89=B9=E9=87=8F=E6=B8=B2=E6=9F=93=20-=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20className.indexOf=20=E9=94=99=E8=AF=AF=20-?=
 =?UTF-8?q?=20=E6=B7=BB=E5=8A=A0=E8=AF=A6=E7=BB=86=E7=9A=84=E9=94=99?=
 =?UTF-8?q?=E8=AF=AF=E6=97=A5=E5=BF=97=20-=20=E7=BC=A9=E7=9F=AD=E6=97=A5?=
 =?UTF-8?q?=E5=BF=97=E8=BE=93=E5=87=BA=E7=9A=84=E4=BB=A3=E7=A0=81=E9=95=BF?=
 =?UTF-8?q?=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 footer.php | 58 ++++++++++++++++++++++++++++--------------------------
 1 file changed, 30 insertions(+), 28 deletions(-)

diff --git a/footer.php b/footer.php
index 95712d3..68b6f63 100644
--- a/footer.php
+++ b/footer.php
@@ -239,17 +239,33 @@
 
 							console.log('Contains newlines:', code.indexOf('\n') !== -1);
 
-							console.log('First 200 chars:', code.substring(0, 200));
+							console.log('First 100 chars:', code.substring(0, 100));
 
 							
 
-							// 清空 div 内容
+							// 清空 div 内容并设置新内容
 
 							mermaidDiv.innerHTML = '';
 
 							mermaidDiv.textContent = code;
 
-							mermaidDiv.classList.add('mermaid-to-render');
+							
+
+							// 立即渲染这个图表
+
+							try {
+
+								mermaid.init(undefined, mermaidDiv);
+
+								console.log('Mermaid diagram rendered successfully');
+
+							} catch (e) {
+
+								console.error('Mermaid rendering error:', e);
+
+								console.error('Code that failed:', code.substring(0, 200));
+
+							}
 
 						}
 
@@ -355,13 +371,13 @@
 
 						console.log('Contains newlines:', code.indexOf('\n') !== -1);
 
-						console.log('First 200 chars:', code.substring(0, 200));
+						console.log('First 100 chars:', code.substring(0, 100));
 
 						// 创建 Mermaid 容器
 
 						let mermaidDiv = document.createElement('div');
 
-						mermaidDiv.className = 'mermaid mermaid-to-render';
+						mermaidDiv.className = 'mermaid';
 
 						mermaidDiv.textContent = code;
 
@@ -369,39 +385,25 @@
 
 						pre.parentNode.replaceChild(mermaidDiv, pre);
 
-					});
+						
 
-					// 延迟渲染，确保 DOM 完全加载
+						// 立即渲染
 
-					setTimeout(function() {
+						try {
 
-						let mermaidElements = document.querySelectorAll('.mermaid-to-render:not(.mermaid-rendered)');
+							mermaid.init(undefined, mermaidDiv);
 
-						if (mermaidElements.length > 0) {
+							console.log('Standard Mermaid diagram rendered successfully');
 
-							console.log('Rendering', mermaidElements.length, 'Mermaid diagrams');
+						} catch (e) {
 
-							mermaidElements.forEach(function(el) {
+							console.error('Mermaid rendering error:', e);
 
-								el.classList.add('mermaid-rendered');
-
-								el.classList.remove('mermaid-to-render');
-
-							});
-
-							try {
-
-								mermaid.init(undefined, mermaidElements);
-
-							} catch (e) {
-
-								console.error('Mermaid rendering error:', e);
-
-							}
+							console.error('Code that failed:', code.substring(0, 200));
 
 						}
 
-					}, 100);
+					});
 
 				});