CHORE: 让discus跟随网站主题

Author: collapse179

layouts/partials/comments/provider/giscus.html

@@ -0,0 +1,17 @@
+{{- with .Site.Params.comments.giscus -}}
+<div class="giscus-container"
+    data-repo="{{- .repo -}}"
+    data-repo-id="{{- .repoID -}}"
+    data-category="{{- .category -}}"
+    data-category-id="{{- .categoryID -}}"
+    data-mapping="{{- default `title` .mapping -}}"
+    data-strict="{{- default 0 .strict -}}"
+    data-reactions-enabled="{{- default 1 .reactionsEnabled -}}"
+    data-emit-metadata="{{- default 0 .emitMetadata -}}"
+    data-input-position="{{- default `top` .inputPosition -}}"
+    data-theme-light="{{- default `light` .lightTheme -}}"
+    data-theme-dark="{{- default `dark` .darkTheme -}}"
+    data-lang="{{- default `en` .lang -}}"
+    data-loading="{{- .loading -}}"
+></div>
+{{- end -}}

layouts/partials/footer/custom.html

@@ -125,8 +125,61 @@
 
             // Re-render KaTeX
             renderKaTeX();
+
+            // Re-load Giscus
+            loadGiscus();
         })
 
+        // --- Giscus Logic ---
+        function loadGiscus() {
+            const container = document.querySelector('.giscus-container');
+            if (!container) return;
+
+            const script = document.createElement('script');
+            script.src = "https://giscus.app/client.js";
+            
+            // Determine current theme
+            const isDark = document.documentElement.dataset.scheme === 'dark';
+            const theme = isDark ? container.dataset.themeDark : container.dataset.themeLight;
+
+            for (const attr of container.attributes) {
+                if (attr.name.startsWith('data-')) {
+                    script.setAttribute(attr.name, attr.value);
+                }
+            }
+            
+            // Set dynamic theme
+            script.setAttribute('data-theme', theme);
+
+            script.crossOrigin = "anonymous";
+            script.async = true;
+            
+            container.innerHTML = '';
+            container.appendChild(script);
+        }
+
+        // Listen for theme changes
+        window.addEventListener('onColorSchemeChange', (e) => {
+            const container = document.querySelector('.giscus-container');
+            if (!container) return;
+
+            const newTheme = e.detail === 'dark' ? container.dataset.themeDark : container.dataset.themeLight;
+            
+            const iframe = document.querySelector('iframe.giscus-frame');
+            if (iframe) {
+                iframe.contentWindow.postMessage({ 
+                    giscus: { 
+                        setConfig: { 
+                            theme: newTheme 
+                        } 
+                    } 
+                }, 'https://giscus.app');
+            }
+        });
+
+        // Initial load
+        loadGiscus();
+
         // --- KaTeX Logic ---
         async function renderKaTeX() {
             let katex = document.querySelector(".math-katex");