.

apps/blogai/app/[locale]/details/[slug]/page.tsx

@@ -89,10 +89,10 @@ const BlogArticleWrapper = async ({ params }: { params: { slug: string, locale:
       <DetailPageHeader
                 data={{
                   icon: "🚀",
-                  name: "部署引擎",
-                  category: "系统工具",
-                  updated_at: "2025-03-25",
-                  company: "OpenTech",
+                  name: {frontmatter.title},
+                  category: {frontmatter.tags},
+                  updated_at: {frontmatter.date},
+                  company: {frontmatter.title},
                   progress: "75%",
                   statusText: "运行中"
                 }}

apps/blogai/components/header.tsx

@@ -150,7 +150,7 @@ export function DetailPageHeader({ data }: { data: any }) {
           </button>
 
           {/* 右信息区域（带图标） */}
-          <div className="text-sm leading-7 space-y-2 p-2">
+          <div className="text-sm leading-7 space-y-1.5">
             <div className="flex items-center gap-2">
               <BadgeInfo size={16} /> {data?.name || "未命名组件"}
             </div>