修复博客文章查找逻辑，更新 slug 访问方式；调整文档配置结构

Author: hotlong

apps/site/app/blog/[slug]/page.tsx

@@ -10,11 +10,11 @@ export default async function BlogPost({
   params: Promise<{ slug: string }>;
 }) {
   const { slug } = await params;
-  const post = blog.find((post: any) => post.slug === slug) as any;
+  const post = blog.find((post: any) => post.info.path.replace(/\.mdx?$/, '') === slug) as any;
 
   if (!post) notFound();
 
-  const MDX = post.data.body;
+  const MDX = post.body;
 
   return (
     <HomeLayout 
@@ -35,15 +35,15 @@ export default async function BlogPost({
       <article className="container mx-auto max-w-3xl px-6 py-12">
         <header className="mb-12 text-center">
           <div className="mb-4 text-sm text-fd-muted-foreground">
-            <time>{new Date(post.data.date).toLocaleDateString()}</time>
-            {post.data.author && <span> • {post.data.author}</span>}
+            <time>{new Date(post.date).toLocaleDateString()}</time>
+            {post.author && <span> • {post.author}</span>}
           </div>
           <h1 className="text-4xl font-bold leading-tight md:text-5xl">
-            {post.data.title}
+            {post.title}
           </h1>
-          {post.data.description && (
+          {post.description && (
             <p className="mt-6 text-xl text-fd-muted-foreground">
-              {post.data.description}
+              {post.description}
             </p>
           )}
         </header>
@@ -57,8 +57,8 @@ export default async function BlogPost({
 }
 
 export function generateStaticParams() {
-  return blog.map((post) => ({
-    slug: post.slug,
+  return blog.map((post: any) => ({
+    slug: post.info.path.replace(/\.mdx?$/, ''),
   }));
 }
 
@@ -68,10 +68,10 @@ export async function generateMetadata({
   params: Promise<{ slug: string }> 
 }) {
   const { slug } = await params;
-  const post = blog.find((post) => post.slug === slug);
+  const post = blog.find((post: any) => post.info.path.replace(/\.mdx?$/, '') === slug) as any;
   if (!post) return;
   return {
-    title: post.data.title,
-    description: post.data.description,
+    title: post.title,
+    description: post.description,
   };
 }

apps/site/app/blog/page.tsx

@@ -5,7 +5,7 @@ import { Logo } from '../components/Logo';
 
 export default function BlogIndex() {
   const posts = [...blog].sort(
-    (a, b) => new Date(b.data.date).getTime() - new Date(a.data.date).getTime()
+    (a: any, b: any) => new Date(b.date).getTime() - new Date(a.date).getTime()
   );
 
   return (
@@ -27,22 +27,25 @@ export default function BlogIndex() {
       <main className="container mx-auto max-w-4xl px-6 py-12">
         <h1 className="mb-8 text-4xl font-bold">Latest Updates</h1>
         <div className="grid gap-6">
-          {posts.map((post) => (
-            <Link
-              key={post.url}
-              href={`/blog/${post.slug}`}
-              className="flex flex-col gap-2 rounded-lg border p-6 transition-colors hover:bg-fd-accent/50"
-            >
-              <h2 className="text-2xl font-bold">{post.data.title}</h2>
-              <div className="flex gap-2 text-sm text-fd-muted-foreground">
-                <time>{new Date(post.data.date).toLocaleDateString()}</time>
-                {post.data.author && <span>• {post.data.author}</span>}
-              </div>
-              {post.data.description && (
-                <p className="text-fd-muted-foreground">{post.data.description}</p>
-              )}
-            </Link>
-          ))}
+          {posts.map((post: any) => {
+            const slug = post.info.path.replace(/\.mdx?$/, '');
+            return (
+              <Link
+                key={slug}
+                href={`/blog/${slug}`}
+                className="flex flex-col gap-2 border p-6 rounded-lg hover:bg-fd-accent/50 transition-colors"
+              >
+                <h2 className="text-2xl font-bold">{post.title}</h2>
+                <div className="flex gap-2 text-sm text-fd-muted-foreground">
+                  <time>{new Date(post.date).toLocaleDateString()}</time>
+                  {post.author && <span>• {post.author}</span>}
+                </div>
+                {post.description && (
+                  <p className="text-fd-muted-foreground">{post.description}</p>
+                )}
+              </Link>
+            );
+          })}
         </div>
       </main>
     </HomeLayout>

apps/site/source.config.ts

@@ -3,14 +3,15 @@ import { z } from 'zod';
 
 export const { docs, meta } = defineDocs({
   dir: '../../docs',
-  root: '../../docs',
-  files: [
-    '**/*.{md,mdx}', 
-    '!**/node_modules/**', 
-    '!**/.vitepress/**',
-    '!**/dist/**',
-    '!**/.*/**', // ignore dotfiles/folders generally
-  ],
+  docs: {
+    files: [
+      '**/*.{md,mdx}', 
+      '!**/node_modules/**', 
+      '!**/.vitepress/**',
+      '!**/dist/**',
+      '!**/.*/**', 
+    ],
+  },
 });
 
 export const blog = defineCollections({