From 790a8673134f779d2590894af3f26eb245b3a4db Mon Sep 17 00:00:00 2001
From: xy <10816187@qq.com>
Date: Fri, 24 Jul 2026 21:53:09 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=A0=87=E7=AD=BE=E4=BA=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/IndexSidebar.astro | 43 ++++++++++++++++++++++++++++++-
 src/types/post.ts                 |  2 +-
 2 files changed, 43 insertions(+), 2 deletions(-)

diff --git a/src/components/IndexSidebar.astro b/src/components/IndexSidebar.astro
index 8bea72d..7345252 100644
--- a/src/components/IndexSidebar.astro
+++ b/src/components/IndexSidebar.astro
@@ -25,6 +25,22 @@ const { data: categories } =
       }
     </ul>
   </div>
+
+  <div class="widget">
+    <h3 class="widget-title">🏷️ 标签云</h3>
+    <div class="tag-cloud">
+      <a class="tag" href="#">HTML</a>
+      <a class="tag" href="#">CSS</a>
+      <a class="tag" href="#">JavaScript</a>
+      <a class="tag" href="#">响应式</a>
+      <a class="tag" href="#">随笔</a>
+      <a class="tag" href="#">读书</a>
+      <a class="tag" href="#">效率</a>
+      <a class="tag" href="#">设计</a>
+      <a class="tag" href="#">工具</a>
+      <a class="tag" href="#">深色模式</a>
+    </div>
+  </div>
 </aside>
 
 <style>
@@ -76,7 +92,7 @@ const { data: categories } =
   }
 
   .category-list a:hover {
-    color: var(--primary);
+    color: #4f6df5;
   }
 
   .category-list .count {
@@ -84,6 +100,31 @@ const { data: categories } =
     font-size: 13px;
   }
 
+  .tag-cloud {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+
+  .tags {
+    display: flex;
+    gap: 8px;
+    flex-wrap: wrap;
+  }
+
+  .tag {
+    font-size: 12px;
+    color: #4f6df5;
+    background: #eef1fe;
+    padding: 3px 10px;
+    border-radius: 999px;
+    transition: background 0.2s;
+  }
+
+  .tag:hover {
+    background: #dfe6fd;
+  }
+
   @media (max-width: 860px) {
     .sidebar {
       width: 100%;
diff --git a/src/types/post.ts b/src/types/post.ts
index f801a85..fdee23d 100644
--- a/src/types/post.ts
+++ b/src/types/post.ts
@@ -1,4 +1,4 @@
-type Tag = {
+export type Tag = {
   id: number
   code: string
   name: string