fix: 修复 Astro v6 升级后文章 URL 显示为 undefined 的问题，将所有 entry.slug 引用替换为 entry.id

Author: afoim

src/components/ArchivePanel.astro

@@ -74,7 +74,7 @@ function formatDate(date: Date) {
                     <div class="w-[70%] md:w-[80%] transition text-left text-50">{group.posts.length} 篇文章</div>
                 </div>
                 {group.posts.map(post => (
-                    <a href={getPostUrlBySlug(post.slug)}
+                    <a href={getPostUrlBySlug(post.id)}
                        aria-label={post.data.title}
                        class="group btn-plain !block h-10 w-full hover:text-[initial]"
                     >

src/components/PostCard.astro

@@ -73,7 +73,7 @@ const { remarkPluginFrontmatter } = await render(entry);
             updated={updated}
             hideUpdateDate={true}
             hidePublishedDate={false}
-            slug={entry.slug}
+            slug={entry.id}
             showTime={false}
             class="mb-2 md:mb-4"
         ></PostMetadata>

src/components/PostPage.astro

@@ -18,7 +18,7 @@ const interval = 50;
                     title={entry.data.title}
                     published={entry.data.published}
                     updated={entry.data.updated}
-                    url={getPostUrlBySlug(entry.slug)}
+                    url={getPostUrlBySlug(entry.id)}
                     image={entry.data.image}
                     description={entry.data.description}
                     draft={entry.data.draft}

src/pages/posts/[...slug].astro

@@ -24,7 +24,7 @@ import {
 export async function getStaticPaths() {
 	const blogEntries = await getSortedPosts();
 	return blogEntries.map((entry) => ({
-		params: { slug: entry.slug },
+		params: { slug: entry.id },
 		props: { entry },
 	}));
 }
@@ -146,7 +146,7 @@ const jsonLd = [
                         published={entry.data.published}
                         updated={entry.data.updated}
                         tags={entry.data.tags}
-                        slug={entry.slug}
+                        slug={entry.id}
                 ></PostMetadata>
                 {!entry.data.image && <div class="border-[var(--line-divider)] border-dashed border-b-[1px] mb-5"></div>}
             </div>
@@ -201,7 +201,7 @@ const jsonLd = [
                             <div class="flex-1">
                                 <p class="text-white/80 text-sm mb-1">发现错误或想要改进这篇文章？</p>
                                 <a 
-                                    href={`${gitHubEditConfig.baseUrl}/${entry.slug}.md`}
+                                    href={`${gitHubEditConfig.baseUrl}/${entry.id}.md`}
                                     target="_blank"
                                     rel="noopener noreferrer"
                                     class="inline-flex items-center gap-1 text-[var(--primary)] hover:text-[oklch(0.65_0.16_var(--hue))] text-sm font-medium transition-colors"
@@ -246,7 +246,7 @@ const jsonLd = [
                 )}
             </div>
 
-            {licenseConfig.enable && <License title={entry.data.title} slug={entry.slug} pubDate={entry.data.published} class="mb-6 rounded-xl license-container"></License>}
+            {licenseConfig.enable && <License title={entry.data.title} slug={entry.id} pubDate={entry.data.published} class="mb-6 rounded-xl license-container"></License>}
 
             <!-- Giscus 评论区 -->
             <div id="giscus-container" class="giscus"></div>

src/pages/rss.xml.ts

@@ -68,7 +68,7 @@ export async function GET(context: APIContext): Promise<Response> {
 			title: post.data.title,
 			description: post.data.description,
 			pubDate: post.data.published,
-			link: new URL(`posts/${post.slug}/`, context.site).href,
+			link: new URL(`posts/${post.id}/`, context.site).href,
 			// sanitize the new html string with corrected image paths
 			content: sanitizeHtml(html.toString(), {
 				allowedTags: sanitizeHtml.defaults.allowedTags.concat(["img"]),

src/pages/search.json.ts

@@ -19,7 +19,7 @@ export async function GET(_context: APIContext): Promise<Response> {
 		title: post.data.title || "",
 		description: post.data.description || "",
 		content: toPlainText(post.body || ""),
-		link: post.slug,
+		link: post.id,
 		published: post.data.published || "",
 	}));
 

src/pages/sitemap.xml.ts

@@ -24,7 +24,7 @@ export const GET: APIRoute = async () => {
 	];
 
 	const postPages: SitemapPage[] = posts.map((post) => ({
-		url: `/posts/${post.slug}/`,
+		url: `/posts/${post.id}/`,
 		priority: 0.7,
 		changefreq: "weekly",
 		lastmod: post.data.updated || post.data.published,

src/utils/content-utils.ts

@@ -17,11 +17,11 @@ export async function getSortedPosts(): Promise<CollectionEntry<"posts">[]> {
 	});
 
 	for (let i = 1; i < sorted.length; i++) {
-		sorted[i].data.nextSlug = sorted[i - 1].slug;
+		sorted[i].data.nextSlug = sorted[i - 1].id;
 		sorted[i].data.nextTitle = sorted[i - 1].data.title;
 	}
 	for (let i = 0; i < sorted.length - 1; i++) {
-		sorted[i].data.prevSlug = sorted[i + 1].slug;
+		sorted[i].data.prevSlug = sorted[i + 1].id;
 		sorted[i].data.prevTitle = sorted[i + 1].data.title;
 	}