add comment function

_layouts/post.html

@@ -8,15 +8,25 @@ <h1>{{ page.title }}</h1>
     {{ content }}
   </div>
   <div class="date">
-    Written on {{ page.date | date: "%B %e, %Y" }}
+    发表于 {{ page.date | date: "%Y年%m月%d日" }}
   </div>
 
-  <!-- 添加评论系统 -->
-  <script src="https://utteranc.es/client.js"
-          repo="[kmbravo]/[kmbravo.github.io]"
-          issue-term="pathname"
-          theme="github-light"
-          crossorigin="anonymous"
-          async>
+  <!-- 添加 Utterances 评论系统 -->
+  <script>
+    let theme = 'github-light'; // 默认主题
+    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+      theme = 'github-dark';
+    }
+
+    let script = document.createElement('script');
+    script.src = 'https://utteranc.es/client.js';
+    script.setAttribute('repo', 'kmbravo/kmbravo.github.io');
+    script.setAttribute('issue-term', 'pathname');
+    script.setAttribute('label', 'cmt');
+    script.setAttribute('theme', theme);
+    script.setAttribute('crossorigin', 'anonymous');
+    script.setAttribute('async', '');
+
+    document.querySelector('.post').appendChild(script);
   </script>
 </article>

_posts/2023-04-15-my-first-post.md

@@ -2,6 +2,7 @@
 layout: post
 title: "我的第一篇博客文章"
 date: 2023-04-15
+comments: true
 ---
 
 这里是您的博客文章内容。