From 12bea5f93c7791b89807c520d10c9751c7980af0 Mon Sep 17 00:00:00 2001
From: QihanNX <nuo66688@163.com>
Date: Sun, 14 Jun 2026 18:29:13 +0800
Subject: [PATCH] Create Twikoo.astro

---
 src/components/Twikoo.astro | 38 +++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 src/components/Twikoo.astro

diff --git a/src/components/Twikoo.astro b/src/components/Twikoo.astro
new file mode 100644
index 0000000..1890b5e
--- /dev/null
+++ b/src/components/Twikoo.astro
@@ -0,0 +1,38 @@
+---
+// src/components/Twikoo.astro
+---
+
+<div id="twikoo"></div>
+
+<script>
+  function loadTwikoo() {
+    // 动态导入Twikoo，避免SSR问题
+    import('twikoo').then((twikoo) => {
+      twikoo.init({
+        envId: 'http://47.108.235.131:8080', // 改成你的Worker域名
+        el: '#twikoo',
+        path: window.location.pathname,
+        lang: 'zh-CN',
+      });
+    });
+  }
+
+  // 页面首次加载
+  loadTwikoo();
+
+  // 【关键】视图过渡路由兼容
+  document.addEventListener('astro:page-load', () => {
+    // 清空容器，避免重复渲染
+    const container = document.getElementById('twikoo');
+    if (container) {
+      container.innerHTML = '';
+      loadTwikoo();
+    }
+  });
+</script>
+
+<style>
+  #twikoo {
+    margin-top: 2rem;
+  }
+</style>