From 5566b60e3e948f461402482db2a43ac926ad08bc Mon Sep 17 00:00:00 2001
From: kimi <askunmingzhang@gmail.com>
Date: Mon, 14 Oct 2024 22:32:07 +0800
Subject: [PATCH] add comment function

---
 _layouts/post.html                 | 26 ++++++++++++++++++--------
 _posts/2023-04-15-my-first-post.md |  1 +
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/_layouts/post.html b/_layouts/post.html
index d39cd4a..622af03 100644
--- a/_layouts/post.html
+++ b/_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>
diff --git a/_posts/2023-04-15-my-first-post.md b/_posts/2023-04-15-my-first-post.md
index 7672d25..fd0c16a 100644
--- a/_posts/2023-04-15-my-first-post.md
+++ b/_posts/2023-04-15-my-first-post.md
@@ -2,6 +2,7 @@
 layout: post
 title: "我的第一篇博客文章"
 date: 2023-04-15
+comments: true
 ---
 
 这里是您的博客文章内容。