From 62b1bd345e335da59a791360d109e1b6a5dd318a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E5=8F=89=E6=A0=91=E6=A0=91?= <acofork@qq.com>
Date: Mon, 26 Jan 2026 16:58:03 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E9=80=9A=E7=9F=A5=E7=BB=84=E4=BB=B6):=20?=
 =?UTF-8?q?=E6=9C=AC=E5=9C=B0=E5=8C=96=E6=96=B0=E6=96=87=E7=AB=A0=E9=80=9A?=
 =?UTF-8?q?=E7=9F=A5=E7=9A=84=E6=A0=87=E7=AD=BE=E5=92=8C=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E6=96=87=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将通知组件中的 "Updated"、"New" 和 "View Changes" 标签本地化为中文 "更新"、"新文章" 和 "查看变更"。同时，在差异对比视图中添加了 "变更前" 和 "变更后" 的表头，以提升中文用户的理解和体验。
---
 src/components/widget/NewPostNotification.astro | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/widget/NewPostNotification.astro b/src/components/widget/NewPostNotification.astro
index 644db52fa..d0d41f738 100644
--- a/src/components/widget/NewPostNotification.astro
+++ b/src/components/widget/NewPostNotification.astro
@@ -224,8 +224,8 @@
         newPosts.forEach(post => {
             const isUpdated = post.isUpdated;
             const badge = isUpdated 
-                ? '<span class="text-xs bg-blue-100 dark:bg-blue-900 text-blue-600 dark:text-blue-300 px-1.5 py-0.5 rounded ml-2">Updated</span>'
-                : '<span class="text-xs bg-green-100 dark:bg-green-900 text-green-600 dark:text-green-300 px-1.5 py-0.5 rounded ml-2">New</span>';
+                ? '<span class="text-xs bg-blue-100 dark:bg-blue-900 text-blue-600 dark:text-blue-300 px-1.5 py-0.5 rounded ml-2">更新</span>'
+                : '<span class="text-xs bg-green-100 dark:bg-green-900 text-green-600 dark:text-green-300 px-1.5 py-0.5 rounded ml-2">新文章</span>';
             
             // Generate Diff View button if updated
             let diffButton = '';
@@ -234,7 +234,7 @@
             if (isUpdated && post.diff) {
                 diffButton = `
                 <button onclick="window.toggleDiff('${safeId}')" class="ml-auto text-xs text-[var(--primary)] hover:underline focus:outline-none pointer-events-auto">
-                    View Changes
+                    查看变更
                 </button>`;
             }
 
@@ -251,6 +251,10 @@
                 </div>
                 ${isUpdated && post.diff ? `
                 <div id="${safeId}" class="hidden mt-2 p-2 bg-gray-50 dark:bg-gray-800 rounded text-xs overflow-x-auto border border-gray-200 dark:border-gray-700 max-h-60 overflow-y-auto">
+                    <div class="grid grid-cols-2 gap-2 mb-2 sticky top-0 bg-gray-50 dark:bg-gray-800 z-10">
+                        <div class="text-center font-bold text-red-600 dark:text-red-400 border-b border-red-200 dark:border-red-900/50 pb-1">变更前</div>
+                        <div class="text-center font-bold text-green-600 dark:text-green-400 border-b border-green-200 dark:border-green-900/50 pb-1">变更后</div>
+                    </div>
                     ${post.diff.map(part => {
                         const colorClass = part.added ? 'bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-300 block my-1 p-1 rounded break-all whitespace-pre-wrap' :
                                          part.removed ? 'bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-300 block my-1 p-1 rounded break-all whitespace-pre-wrap' :