style: fine-tunes static comment style

4 files changed, 5 insertions, 2 deletions

diff --git a/assets/css/components/_comment.scss b/assets/css/components/_comment.scss
index 996f7e26..d181bc88 100644
--- a/assets/css/components/_comment.scss
+++ b/assets/css/components/_comment.scss
@@ -21,7 +21,8 @@
             }
             .static-comments-item-footer {
                 font-size: 1rem;
-                text-align: right
+                text-align: right;
+                color: var(--secondary-text-color);
             }
         }
     }
diff --git a/i18n/en.yml b/i18n/en.yml
index 4cc22fc5..6b3573d6 100644
--- a/i18n/en.yml
+++ b/i18n/en.yml
@@ -5,6 +5,7 @@ archivePage:
 postPage:
   commentNotLoaded: if comment is not loaded, please try refreshing
   staticCommentsSectionHeader: These are static comments that are stored in frontmatter of this page. They used to be in different comment platforms, but now they are integrated into the page's content.
+  originallyPostedOn: 'originally posted on {{ . }}'
 footer:
   wordCount: '🪦 {{ . }} words are buried here'
   licenseStatement: 'Licensed under {{ . }}'
diff --git a/i18n/zh.yml b/i18n/zh.yml
index 107b9ed1..85079559 100644
--- a/i18n/zh.yml
+++ b/i18n/zh.yml
@@ -5,6 +5,7 @@ archivePage:
 postPage:
   commentNotLoaded: 如果评论未加载，请尝试刷新页面
   staticCommentsSectionHeader: 这些是曾经发布在不同评论平台上的评论，现在它们已经作为静态内容集成到页面中。
+  originallyPostedOn: '原本发表于 {{ . }}'
 footer:
   wordCount: '🪦 {{ . }} 字在这里死去'
   licenseStatement: '以 {{ . }} 协议授权'
diff --git a/layouts/partials/components/comment.html b/layouts/partials/components/comment.html
index ac39723a..3d7495c0 100644
--- a/layouts/partials/components/comment.html
+++ b/layouts/partials/components/comment.html
@@ -14,7 +14,7 @@
                   </div>
                   <div class="static-comments-item-footer">
                       {{ with .source }}
-                      <p class="font-mono">originally posted on {{ . }}</p>
+                      <p class="font-mono">{{ T "postPage.originallyPostedOn" . }}</p>
                       {{ end }}
                   </div>
               </div>