From 878e16ceb2c1df27839169371f189765921ca8f4 Mon Sep 17 00:00:00 2001
From: KazooTTT <work@kazoottt.top>
Date: Fri, 11 Oct 2024 12:47:30 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/blog/Hero.astro |  9 ++++-----
 src/components/blog/TOC.astro  | 16 ++++++++++++----
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/components/blog/Hero.astro b/src/components/blog/Hero.astro
index b034873..b575bfb 100644
--- a/src/components/blog/Hero.astro
+++ b/src/components/blog/Hero.astro
@@ -75,8 +75,8 @@ const dateTimeOptions: Intl.DateTimeFormatOptions = {
 				<path d='M17.573 18.407l2.834 -2.834a2.025 2.025 0 0 0 0 -2.864l-7.117 -7.116' />
 				<path d='M6 9h-.01' />
 			</svg>
-			{data.tags.map((tag, i) => (
-				<div>
+			<div class='space-x-1'>
+				{data.tags.map((tag, i) => (
 					<a
 						aria-label={`View more blogs with the tag ${tag}`}
 						class="inline-block before:content-['#'] hover:underline hover:underline-offset-4"
@@ -85,9 +85,8 @@ const dateTimeOptions: Intl.DateTimeFormatOptions = {
 					>
 						{tag}
 					</a>
-					{i < data.tags.length - 1 && ', '}
-				</div>
-			))}
+				))}
+			</div>
 		</div>
 	)
 }
diff --git a/src/components/blog/TOC.astro b/src/components/blog/TOC.astro
index 3c0c622..834a097 100644
--- a/src/components/blog/TOC.astro
+++ b/src/components/blog/TOC.astro
@@ -14,8 +14,16 @@ const toc = generateToc(headings)
 ---
 
 <aside class='sticky top-20 order-2 -me-28 hidden basis-60 lg:flex lg:flex-col'>
-	<h2 class='font-semibold'>TABLE OF CONTENTS</h2>
-	<ul class='text-card-foreground'>
-		{toc.map((heading) => <TOCHeading heading={heading} />)}
-	</ul>
+	{
+		toc.length > 0 && (
+			<>
+				<h2 class='font-semibold'>TABLE OF CONTENTS</h2>
+				<ul class='text-card-foreground'>
+					{toc.map((heading) => (
+						<TOCHeading heading={heading} />
+					))}
+				</ul>
+			</>
+		)
+	}
 </aside>