diff --git a/themes/Ying/layouts/partials/artalk.html b/themes/Ying/layouts/partials/artalk.html
index 8e2e636a..321e4abe 100644
--- a/themes/Ying/layouts/partials/artalk.html
+++ b/themes/Ying/layouts/partials/artalk.html
@@ -1,5 +1,5 @@
 <!-- CSS -->
-<link href="/css/Artalk.css" rel="stylesheet" />
+<!-- <link href="/css/Artalk.css" rel="stylesheet" /> -->
 <style>
     .atk-loading{
         background: #FFFFFF;
@@ -19,18 +19,26 @@
 <!-- Artalk -->
 <div id="Comments" uk-scrollspy="target: div,span,img; cls: uk-animation-slide-bottom-small;"></div>
 <!-- JS -->
-<script src="/js/Artalk.js"></script>
+<!-- <script src="/js/Artalk.js"></script> -->
 <script>
-  if (document.querySelector("#Comments")) {
-    var isDark = document.documentElement.getAttribute('data-theme') === 'dark';
-    Artalk.init({
-      el: '#Comments',
-      server: 'https://artalk.usj.cc',
-      site: '优世界',
-      pageKey: '{{ .RelPermalink }}',
-      flatMode: true,
-      darkMode: isDark,
-      emoticons: '/emotion/OwO.json'
+    // 等待 DOM 加载完成，确保 Artalk.js (在 footer 的 bundle.js 中) 已加载
+    document.addEventListener("DOMContentLoaded", function() {
+        if (document.querySelector("#Comments")) {
+            // 检查 Artalk 是否已定义
+            if (typeof Artalk !== 'undefined') {
+                var isDark = document.documentElement.getAttribute('data-theme') === 'dark';
+                Artalk.init({
+                    el: '#Comments',
+                    server: 'https://artalk.usj.cc',
+                    site: '优世界',
+                    pageKey: '{{ .RelPermalink }}',
+                    flatMode: true,
+                    darkMode: isDark,
+                    emoticons: '/emotion/OwO.json'
+                });
+            } else {
+                console.error('Artalk is not defined. Bundle js may not be loaded yet.');
+            }
+        }
     });
-  }
-</script>
+</script>
\ No newline at end of file