gbanyan/blog-nextjs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Link tags to tag pages and add tag overview

Browse Source
This commit is contained in:
gbanyan
2025-11-17 18:40:27 +08:00
parent 3253e70a37
commit 7c5962485c
4 changed files with 62 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/post-list-item.tsx
View File

@@ -43,12 +43,13 @@ export function PostListItem({ post }: Props) {
{post.tags && post.tags.length > 0 && (
<div className="flex flex-wrap gap-2 pt-0.5">
{post.tags.slice(0, 4).map((t) => (
<span
<Link
key={t}
className="rounded-full bg-slate-100 px-2 py-0.5 text-[11px] text-slate-600 group-hover:bg-slate-200 dark:bg-slate-800 dark:text-slate-300 dark:group-hover:bg-slate-700"
href={`/tags/${encodeURIComponent(t)}`}
className="rounded-full bg-slate-100 px-2 py-0.5 text-[11px] text-slate-600 hover:bg-slate-200 dark:bg-slate-800 dark:text-slate-300 dark:hover:bg-slate-700"
>
#{t}
</span>
</Link>
))}
</div>
)}

7
components/right-sidebar.tsx
View File

@@ -47,12 +47,13 @@ export function RightSidebar() {
else if (count >= 3) sizeClass = 'text-xs font-medium';
return (
<span
<Link
key={tag}
className={`${sizeClass} rounded-full bg-slate-100 px-2 py-0.5 text-slate-700 dark:bg-slate-800 dark:text-slate-200`}
href={`/tags/${encodeURIComponent(tag)}`}
className={`${sizeClass} rounded-full bg-slate-100 px-2 py-0.5 text-slate-700 hover:bg-slate-200 dark:bg-slate-800 dark:text-slate-200 dark:hover:bg-slate-700`}
>
{tag}
</span>
</Link>
);
})}
</div>