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

Stabilize tag URLs using slugs instead of raw tag text

Browse Source
This commit is contained in:
gbanyan
2025-11-17 18:48:50 +08:00
parent 7c5962485c
commit bede4a2f3e
5 changed files with 32 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -45,7 +45,9 @@ export function PostListItem({ post }: Props) {
{post.tags.slice(0, 4).map((t) => (
<Link
key={t}
href={`/tags/${encodeURIComponent(t)}`}
href={`/tags/${encodeURIComponent(
t.toLowerCase().replace(/\s+/g, '-')
)}`}
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}

4
components/right-sidebar.tsx
View File

@@ -41,7 +41,7 @@ export function RightSidebar() {
標籤雲
</h2>
<div className="mt-2 flex flex-wrap gap-2 text-xs">
{tags.map(({ tag, count }) => {
{tags.map(({ tag, slug, count }) => {
let sizeClass = 'text-[11px]';
if (count >= 5) sizeClass = 'text-sm font-semibold';
else if (count >= 3) sizeClass = 'text-xs font-medium';
@@ -49,7 +49,7 @@ export function RightSidebar() {
return (
<Link
key={tag}
href={`/tags/${encodeURIComponent(tag)}`}
href={`/tags/${slug}`}
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}