From dc281c1033308ced4efd20dd60d40ee19b7ac11d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B5=AA=E5=AD=90?= <jkjoy@live.cn>
Date: Tue, 29 Oct 2024 11:20:48 +0800
Subject: [PATCH] Update Artalk.astro

---
 src/components/Artalk.astro | 39 +++++++++++++++++++++++++++----------
 1 file changed, 29 insertions(+), 10 deletions(-)

diff --git a/src/components/Artalk.astro b/src/components/Artalk.astro
index 4e09b8d..56394da 100644
--- a/src/components/Artalk.astro
+++ b/src/components/Artalk.astro
@@ -6,13 +6,18 @@ const { site, server } = Astro.props;
 <script is:inline src="https://artalk.loliko.cn/dist/Artalk.js"></script>
 <div id="Comments"></div>
 <script is:inline>
- function initializeArtalk(document) {
-  Artalk.init({
-    el:        '#Comments', 
-    server:    'https://artalk.loliko.cn', 
-    site:      'ittst', 
-  });
+  function initializeArtalk(document) {
+    try {
+      Artalk.init({
+        el: '#Comments',
+        server: 'https://artalk.loliko.cn', 
+        site: 'ittst',
+      });
+    } catch (error) {
+      console.error('Artalk initialization failed:', error);
     }
+  }
+
   document.addEventListener('DOMContentLoaded', () => {
     initializeArtalk(document);
   });
@@ -24,13 +29,27 @@ const { site, server } = Astro.props;
     };
 
     // 初始化 Artalk
-    initializeArtalk(event.newDocument);
+    const newDocument = event.newDocument;
+    const newCommentsDiv = newDocument.querySelector('#Comments');
+    if (newCommentsDiv) {
+      initializeArtalk(newDocument);
+    }
   });
 
   function diff(oldDocument, newDocument) {
     // 自定义的 diff 实现
-    // 例如，比较两个文档的全部内容
     console.log('Custom swap implementation');
-    // 这里可以添加你自己的逻辑
+    // 这里可以添加你自己的逻辑，例如更新评论
   }
-</script>
+
+  // 使用 MutationObserver（可选）
+  const observer = new MutationObserver(() => {
+    initializeArtalk(document);
+  });
+
+  // 开始观察
+  observer.observe(document.getElementById('Comments'), {
+    childList: true,
+    subtree: true
+  });
+</script>
\ No newline at end of file