fix: 修正文章编辑和查看链接中的ID路径错误

在文章编辑页面中，将获取文章的API路径从 `/posts/${postId}` 修改为 `/posts/id/${postId}`。
在文章列表页面中，将文章链接的路径从 `/blog/${post.slug}` 修改为 `/blog/${post.id}`。
在生成文章元数据的函数中，将获取文章的参数从 `slug` 修改为 `id`，并更新相关的URL路径。
在生成网站地图的函数中，将文章链接的路径从 `/blog/${post.slug}` 修改为 `/blog/${post.id}`。
在 `BlogPost` 组件中，将属性和状态管理从 `slug` 修改为 `id`，并更新获取文章的API路径和错误信息输出。

Closes #123

Author: ExquisiteCore

frontend/app/(dashboard)/dashboard/posts/[id]/edit/page.tsx

@@ -18,7 +18,7 @@ export default function EditPostPage() {
   useEffect(() => {
     const fetchPost = async () => {
       try {
-        const data = await http.get<PostDetail>(`/posts/${postId}`);
+        const data = await http.get<PostDetail>(`/posts/id/${postId}`);
         if (data) {
           setPost(data);
         } else {

frontend/app/(dashboard)/dashboard/posts/page.tsx

@@ -125,7 +125,7 @@ export default function PostsPage() {
                       <td>
                         <div className="flex gap-2">
                           <Link
-                            href={`/blog/${post.slug}`}
+                            href={`/blog/${post.id}`}
                             target="_blank"
                             className="btn btn-ghost btn-sm"
                             title="查看"

frontend/app/(site)/blog/[slug]/page.tsx frontend/app/(site)/blog/[id]/page.tsxfrontend/app/(site)/blog/[slug]/page.tsx renamed to frontend/app/(site)/blog/[id]/page.tsx

@@ -6,15 +6,14 @@ function getApiBaseUrl(): string {
   return process.env.INTERNAL_API_BASE_URL || "http://localhost:8080/api";
 }
 
-async function getPost(slug: string): Promise<PostDetail | null> {
+async function getPost(id: string): Promise<PostDetail | null> {
   try {
-    const response = await fetch(`${getApiBaseUrl()}/posts/${slug}`, {
+    const response = await fetch(`${getApiBaseUrl()}/posts/id/${id}`, {
       next: { revalidate: 60 },
     });
 
     if (response.ok) {
       const body = await response.json();
-      // 解包 ApiResponse
       return body?.data || body;
     }
   } catch (error) {
@@ -27,10 +26,10 @@ async function getPost(slug: string): Promise<PostDetail | null> {
 export async function generateMetadata({
   params,
 }: {
-  params: Promise<{ slug: string }>;
+  params: Promise<{ id: string }>;
 }): Promise<Metadata> {
-  const { slug } = await params;
-  const post = await getPost(slug);
+  const { id } = await params;
+  const post = await getPost(id);
 
   if (post) {
     const coverImage = post.cover_images && post.cover_images.length > 0 ? post.cover_images[0] : null;
@@ -47,7 +46,7 @@ export async function generateMetadata({
         authors: ["ExquisiteCore"],
         tags: post.labels || [],
         images: coverImage ? [coverImage] : [],
-        url: `https://blog.exquisitecore.xyz/blog/${post.slug}`,
+        url: `https://blog.exquisitecore.xyz/blog/${post.id}`,
       },
       twitter: {
         card: "summary_large_image",
@@ -56,7 +55,7 @@ export async function generateMetadata({
         images: coverImage ? [coverImage] : [],
       },
       alternates: {
-        canonical: `https://blog.exquisitecore.xyz/blog/${post.slug}`,
+        canonical: `https://blog.exquisitecore.xyz/blog/${post.id}`,
       },
     };
   }
@@ -93,7 +92,7 @@ function generateArticleJsonLd(post: PostDetail) {
     },
     mainEntityOfPage: {
       "@type": "WebPage",
-      "@id": `https://blog.exquisitecore.xyz/blog/${post.slug}`,
+      "@id": `https://blog.exquisitecore.xyz/blog/${post.id}`,
     },
     keywords: post.labels?.join(", ") || "",
     articleSection: "技术博客",
@@ -104,10 +103,10 @@ function generateArticleJsonLd(post: PostDetail) {
 export default async function BlogPostPage({
   params,
 }: {
-  params: Promise<{ slug: string }>;
+  params: Promise<{ id: string }>;
 }) {
-  const { slug } = await params;
-  const post = await getPost(slug);
+  const { id } = await params;
+  const post = await getPost(id);
 
   return (
     <>
@@ -119,7 +118,7 @@ export default async function BlogPostPage({
           }}
         />
       )}
-      <BlogPost slug={slug} />
+      <BlogPost id={id} />
     </>
   );
 }

frontend/app/sitemap.ts

@@ -71,7 +71,7 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
 
   const posts = await getBlogPosts();
   const blogPages: MetadataRoute.Sitemap = posts.map((post) => ({
-    url: `${baseUrl}/blog/${post.slug}`,
+    url: `${baseUrl}/blog/${post.id}`,
     lastModified: new Date(post.updated_at || post.published_at || post.created_at),
     changeFrequency: 'weekly',
     priority: 0.7,

frontend/components/BlogPost.tsx

@@ -15,10 +15,10 @@ function formatDate(dateString: string) {
 }
 
 interface BlogPostProps {
-  slug: string;
+  id: string;
 }
 
-export default function BlogPost({ slug }: BlogPostProps) {
+export default function BlogPost({ id }: BlogPostProps) {
   const [post, setPost] = useState<PostDetail | null>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -27,7 +27,7 @@ export default function BlogPost({ slug }: BlogPostProps) {
     async function fetchPost() {
       try {
         setLoading(true);
-        const response = await http.get<PostDetail>(`/posts/${slug}`, undefined, {
+        const response = await http.get<PostDetail>(`/posts/id/${id}`, undefined, {
           withToken: false,
         });
 
@@ -38,15 +38,15 @@ export default function BlogPost({ slug }: BlogPostProps) {
           setError('文章不存在');
         }
       } catch (err) {
-        console.error(`获取文章 ${slug} 失败:`, err);
+        console.error(`获取文章 ${id} 失败:`, err);
         setError('获取文章失败');
       } finally {
         setLoading(false);
       }
     }
 
     fetchPost();
-  }, [slug]);
+  }, [id]);
 
   if (loading) {
     return (

frontend/components/BlogPosts.tsx

@@ -91,7 +91,7 @@ export default function BlogPosts() {
       {posts.map((post) => (
         <Link
           key={post.id}
-          href={`/blog/${post.slug}`}
+          href={`/blog/${post.id}`}
           className="card bg-base-100 shadow-xl hover:shadow-2xl transition-all hover:-translate-y-1"
         >
           {post.cover_images && post.cover_images.length > 0 && (