fixed 弹窗逻辑

themes/Ying/assets/js/modules/artalk.js

@@ -15,12 +15,93 @@ window.initArtalk = function() {
     }
     
     try {
-        var artalk = Artalk.init(window.artalkConfig);
-        window.artalk = artalk; // Expose to window for other scripts
+        // Logic for caching Artalk configuration to speed up rendering
+        // 1. Manual Refresh (F5): Request from server and save to localStorage
+        // 2. PJAX: Load from localStorage if available
+        
+        // Initialize initialization count to track PJAX usage
+        if (typeof window.artalkInitCount === 'undefined') {
+            window.artalkInitCount = 0;
+        }
+        window.artalkInitCount++;
+
+        var config = Object.assign({}, window.artalkConfig); // Clone config
+        var server = config.server.replace(/\/$/, '');
+        var confKey = 'artalk_conf_' + btoa(server);
+        var cachedConf = null;
+
+        // Try to read cache
+        try {
+            var raw = localStorage.getItem(confKey);
+            if (raw) cachedConf = JSON.parse(raw);
+        } catch(e) {
+            console.warn('Failed to parse Artalk cache:', e);
+        }
+
+        // Decision: Use Cache or Fetch?
+        // Use cache only if: 
+        // 1. Not the first load (PJAX)
+        // 2. Cache exists
+        if (window.artalkInitCount > 1 && cachedConf) {
+            // Merge cache into config
+            // CAUTION: cachedConf contains page-specific data (like pageKey) from the previous page.
+            // We must ensure current window.artalkConfig overwrites it.
+            try {
+                // Defensive copy to avoid mutating cached object
+                var mergedConfig = Object.assign({}, config);
+                Object.assign(mergedConfig, cachedConf); 
+                Object.assign(mergedConfig, window.artalkConfig); // Re-apply current page config
+                mergedConfig.useBackendConf = false; 
+
+                // Attempt to init with cache
+                window.artalk = Artalk.init(mergedConfig);
+            } catch (initErr) {
+                console.warn('Artalk init with cache failed, falling back to default:', initErr);
+                localStorage.removeItem(confKey); // Clear bad cache
+                window.artalk = Artalk.init(config); // Fallback to normal init
+            }
+        } else {
+            // First load or no cache: Allow Artalk to fetch (useBackendConf defaults to true)
+            window.artalk = Artalk.init(config);
+        }
+        
+        var artalk = window.artalk; // Local reference
+
+        // Aggressive Config Saving Strategy
+        var saveConf = function() {
+            try {
+                // Attempt to find the full configuration object
+                // artalk.conf is the standard property in v2+
+                // artalk.ctx.conf is for internal context access
+                var remoteConf = artalk.conf || (artalk.ctx && artalk.ctx.conf);
+                
+                if (remoteConf) {
+                    // We only really want to cache the fields that come from the server,
+                    // but saving the whole object is easier. We just have to be careful when merging.
+                    localStorage.setItem(confKey, JSON.stringify(remoteConf));
+                    // console.log('Artalk: Config cached to', confKey);
+                }
+            } catch(e) {
+                console.error('Artalk saveConf error:', e);
+            }
+        };
+
+        // Hook into multiple events to ensure we capture the config after it's loaded
+        // 'conf-loaded' is the ideal event if supported
+        artalk.on('conf-loaded', saveConf);
+        
+        // 'mounted' is when the widget is ready
+        artalk.on('mounted', saveConf);
+        
+        // 'list-loaded' means comments (and likely config) are fetched
+        artalk.on('list-loaded', saveConf);
+
+        // Fallback: Poll check after a few seconds (for slow networks)
+        setTimeout(saveConf, 2000);
+        setTimeout(saveConf, 5000);
 
         // Handle list-loaded event for lazy loading avatars and animations
         artalk.on('list-loaded', function() {
-            // Restore AI Comment if configured
             if (window.artalkConfig.aiComment) {
                 var ai = window.artalkConfig.aiComment;
                 var listBody = document.querySelector('.atk-list .atk-list-body');