feat(blog): enhance blog metadata and internationalization support

- Added keywords, date, and author fields to blog metadata for improved SEO and content management.
- Updated multilingual support in the home page to display author and date information.
- Enhanced layout to accommodate new metadata fields and improve user experience.

Author: cunoe

app/[lang]/(home)/page.tsx

@@ -4,37 +4,59 @@ import { source } from '@/lib/source';
 // i18n文本
 const texts = {
   en: {
-    noBlogsMessage: "No blog posts yet"
+    noBlogsMessage: "No blog posts yet",
+    by: "By",
+    on: "on"
   },
   'zh-Hans': {
-    noBlogsMessage: "暂时还没有博客文章"
+    noBlogsMessage: "暂时还没有博客文章",
+    by: "作者",
+    on: "发布于"
   },
   'zh-Hant': {
-    noBlogsMessage: "暫時還沒有部落格文章"
+    noBlogsMessage: "暫時還沒有部落格文章",
+    by: "作者",
+    on: "發布於"
   },
   ja: {
-    noBlogsMessage: "まだブログ記事がありません"
+    noBlogsMessage: "まだブログ記事がありません",
+    by: "著者",
+    on: "投稿日"
   },
   fr: {
-    noBlogsMessage: "Aucun article de blog pour le moment"
+    noBlogsMessage: "Aucun article de blog pour le moment",
+    by: "Par",
+    on: "le"
   },
   es: {
-    noBlogsMessage: "Aún no hay publicaciones en el blog"
+    noBlogsMessage: "Aún no hay publicaciones en el blog",
+    by: "Por",
+    on: "el"
   },
   pt: {
-    noBlogsMessage: "Ainda não há postagens no blog"
+    noBlogsMessage: "Ainda não há postagens no blog",
+    by: "Por",
+    on: "em"
   },
   ko: {
-    noBlogsMessage: "아직 블로그 글이 없습니다"
+    noBlogsMessage: "아직 블로그 글이 없습니다",
+    by: "작성자",
+    on: "작성일"
   },
   ms: {
-    noBlogsMessage: "Belum ada catatan blog lagi"
+    noBlogsMessage: "Belum ada catatan blog lagi",
+    by: "Oleh",
+    on: "pada"
   },
   id: {
-    noBlogsMessage: "Belum ada postingan blog"
+    noBlogsMessage: "Belum ada postingan blog",
+    by: "Oleh",
+    on: "pada"
   },
   ru: {
-    noBlogsMessage: "Пока нет записей в блоге"
+    noBlogsMessage: "Пока нет записей в блоге",
+    by: "Автор",
+    on: "опубликовано"
   }
 } as const;
 
@@ -45,7 +67,23 @@ export default async function HomePage({
 }) {
   const lang = (await params).lang as keyof typeof texts;
   // 获取指定语言的页面
-  const blogs = source.getPages(lang);
+  const allBlogs = source.getPages(lang);
+  
+  // 按日期排序，新的在前（降序）
+  const blogs = allBlogs.sort((a, b) => {
+    const dateA = a.data.date;
+    const dateB = b.data.date;
+    
+    // 如果两个都没有日期，保持原有顺序
+    if (!dateA && !dateB) return 0;
+    // 没有日期的放在后面
+    if (!dateA) return 1;
+    if (!dateB) return -1;
+    
+    // 按日期降序排列（新的在前）
+    return dateB.getTime() - dateA.getTime();
+  });
+  
   const t = texts[lang] || texts.en;
 
   return (
@@ -62,18 +100,53 @@ export default async function HomePage({
               <Link 
                 key={blog.url}
                 href={blog.url}
-                className="block space-y-3 pb-8"
+                className="block space-y-3 pb-8 border-b border-fd-border last:border-b-0"
               >
-                <article>
-                  <h2 className="text-2xl font-semibold text-fd-foreground">
+                <article className="space-y-3">
+                  <h2 className="text-2xl font-semibold text-fd-foreground hover:text-fd-primary transition-colors">
                     {blog.data.title || (lang === 'zh-Hans' ? '无标题' : 'Untitled')}
                   </h2>
 
+                  {/* 作者和日期信息 */}
+                  {(blog.data.author || blog.data.date) && (
+                    <div className="flex items-center gap-4 text-sm text-fd-muted-foreground">
+                      {blog.data.author && (
+                        <span className="flex items-center gap-1">
+                          {t.by} {blog.data.author}
+                        </span>
+                      )}
+                      {blog.data.date && (
+                        <span className="flex items-center gap-1">
+                          {t.on} {blog.data.date.toLocaleDateString()}
+                        </span>
+                      )}
+                    </div>
+                  )}
+                  
                   {blog.data.description && (
                     <p className="text-fd-muted-foreground leading-relaxed">
                       {blog.data.description}
                     </p>
                   )}
+                  
+                  {/* 关键词标签 */}
+                  {blog.data.keywords && (
+                    <div className="flex flex-wrap gap-2 mt-3">
+                      {blog.data.keywords.split(',').slice(0, 5).map((keyword, index) => (
+                        <span 
+                          key={index}
+                          className="px-2 py-1 bg-fd-secondary text-fd-secondary-foreground text-xs rounded-md"
+                        >
+                          {keyword.trim()}
+                        </span>
+                      ))}
+                      {blog.data.keywords.split(',').length > 5 && (
+                        <span className="px-2 py-1 text-fd-muted-foreground text-xs">
+                          +{blog.data.keywords.split(',').length - 5}
+                        </span>
+                      )}
+                    </div>
+                  )}
                 </article>
               </Link>
             ))}

package.json

@@ -9,23 +9,24 @@
     "postinstall": "fumadocs-mdx"
   },
   "dependencies": {
+    "fumadocs-core": "15.5.4",
+    "fumadocs-mdx": "11.6.9",
+    "fumadocs-ui": "15.5.4",
     "next": "15.3.4",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "fumadocs-ui": "15.5.4",
-    "fumadocs-core": "15.5.4",
-    "fumadocs-mdx": "11.6.9"
+    "zod": "^3.25.67"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.10",
+    "@types/mdx": "^2.0.13",
     "@types/node": "24.0.3",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
-    "typescript": "^5.8.3",
-    "@types/mdx": "^2.0.13",
-    "@tailwindcss/postcss": "^4.1.10",
-    "tailwindcss": "^4.1.10",
-    "postcss": "^8.5.6",
     "eslint": "^8",
-    "eslint-config-next": "15.3.4"
+    "eslint-config-next": "15.3.4",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4.1.10",
+    "typescript": "^5.8.3"
   }
 }