site: introduce to twikoo comment system

Author: minortex

config/_default/params.toml

@@ -33,6 +33,7 @@ showPagination = true
 showhero = true
 showTaxonomies = true
 showRelatedContent = true
+showComments = true
 relatedContentLimit = 5
 heroStyle = "background"
 

content/pages/about/index.md

@@ -5,7 +5,7 @@ showDate: false
 showReadingTime: false
 showWordCount: false
 showTableOfContents: false
-comments: false
+showComments: false
 ---
 
 ## 关于我

content/pages/links/index.md

@@ -27,13 +27,15 @@ showDate: false
 showReadingTime: false
 showWordCount: false
 showTableOfContents: false
-comments: false
+showComments: true
 showhero: true
 herostyle: background
 ---
 
 欢迎交换~
 
+在评论区留言也可
+
 这是我的信息：
 
 - T.本秋的自留地

layouts/partials/barba.html

@@ -50,7 +50,33 @@
           }
         });
       }
+
+      // ========== 新增：强制 Twikoo 重新渲染评论区 ==========
+      if (typeof twikoo !== 'undefined') {
+        // console.log('Twikoo 已存在，强制重新渲染评论区');
+        // 重新调用 init 方法，让 Twikoo 重新拉取当前页面的评论
+        twikoo.init({
+          envId: 'https://twikoo.texsd.eu.org',  // 换成你的实际地址
+          el: '#tcomment',
+          path: window.location.pathname,
+          lang: 'zh-CN',
+        });
+      } else {
+        // 如果 Twikoo 还没加载，就动态加载
+        const script = document.createElement('script');
+        script.src = 'https://cdn.jsdelivr.net/npm/twikoo@1.6.41/dist/twikoo.all.min.js';
+        script.onload = () => {
+          twikoo.init({
+            envId: 'https://twikoo.texsd.eu.org',
+            el: '#tcomment',
+            path: window.location.pathname,
+            lang: 'zh-CN',
+          });
+        };
+        document.head.appendChild(script);
+      }
+      // ====================================================
+
     }, 50);
-    document.dispatchEvent(new Event('DOMContentLoaded'));
   });
-</script>
+</script>

layouts/partials/comments.html

@@ -0,0 +1,10 @@
+{{- /* 评论区 - Twikoo */ -}}
+<div id="tcomment"></div>
+<script src="https://cdn.jsdelivr.net/npm/twikoo@latest/dist/twikoo.all.min.js"></script>
+<script>
+    twikoo.init({
+        envId: 'https://twikoo.texsd.eu.org',
+        el: '#tcomment',
+        lang: 'zh-CN',
+    })
+</script>