added ai评论

2026-01-30 21:11:05 +08:00
1 parent ec6f05539e
commit 0f7be7d270
@@ -82,7 +82,89 @@ if (typeof lazyLoadInit === 'function') {

 // 异步初始化 Artalk 并获取评论数据 (Moved to barrage.js)

+// Global Artalk Initialization Function (Supports PJAX)
+window.initArtalk = function() {
+    if (!document.querySelector("#Comments")) return;
+    
+    // Check if configuration exists
+    if (!window.artalkConfig) {
+        console.warn('window.artalkConfig is not defined. Skipping Artalk init.');
+        return;
+    }

+    // Check if Artalk library is loaded
+    if (typeof Artalk === 'undefined') {
+        console.warn('Artalk library is not loaded yet. Waiting for bundle...');
+        // Optional: Retry logic could be added here if needed, but usually bundle is loaded by now
+        return;
+    }
+
+    var isDark = document.documentElement.getAttribute('data-theme') === 'dark';
+    
+    // Initialize Artalk
+    window.artalk = Artalk.init({
+        el: window.artalkConfig.el || '#Comments',
+        server: window.artalkConfig.server,
+        site: window.artalkConfig.site,
+        pageKey: window.artalkConfig.pageKey, // Dynamic pageKey from config
+        flatMode: true,
+        darkMode: isDark,
+        emoticons: window.artalkConfig.emoticons
+    });
+
+    // Inject AI Comment
+    window.artalk.on('list-loaded', function() {
+        if (window.artalkConfig.aiComment && !document.querySelector('.atk-ai-comment')) {
+            var listBody = document.querySelector('.atk-list-body') || document.querySelector('.atk-list');
+            if (listBody) {
+                var aiData = window.artalkConfig.aiComment;
+                var aiDiv = document.createElement('div');
+                aiDiv.className = 'atk-comment atk-ai-comment';
+                // Initially empty content for typewriter effect
+                aiDiv.innerHTML = `
+                    <div class="atk-avatar">
+                        <img src="${aiData.avatar}">
+                    </div>
+                    <div class="atk-main">
+                        <div class="atk-header">
+                            <span class="atk-nick">${aiData.name}</span>
+                            <span class="atk-badge">BOT</span>
+                            <span class="atk-date" title="${aiData.date}">${aiData.date}</span>
+                        </div>
+                        <div class="atk-body">
+                            <div class="atk-content">
+                                <p class="ai-content-text"></p>
+                            </div>
+                        </div>
+                    </div>
+                `;
+                listBody.prepend(aiDiv);
+
+                // Typewriter Effect
+                const contentEl = aiDiv.querySelector('.ai-content-text');
+                const text = aiData.content;
+                let i = 0;
+                
+                function type() {
+                    if (i < text.length) {
+                        contentEl.textContent += text.charAt(i);
+                        i++;
+                        // Random delay for more natural typing (20-50ms)
+                        setTimeout(type, Math.random() * 30 + 20);
+                    }
+                }
+                
+                // Start typing after a short delay
+                setTimeout(type, 500);
+            }
+        }
+    });
+
+    // Artalk 初始化完成后，再加载弹幕 (If available)
+    if (typeof isMobile === 'function' && !isMobile() && window.loadBarrager) {
+        window.loadBarrager();
+    }
+};

 async function fetchHitokoto() {
    try {