feat: 更新国际化内容和优化首页组件

refactor: 移除调试日志和简化博客页面逻辑

docs: 更新多语言翻译文件，添加公司信息、产品中心和应用领域等内容

app/[locale]/blog/[slug]/page.tsx

@@ -1,59 +1,13 @@
 import { Callout } from "@/components/mdx/Callout";
 import MDXComponents from "@/components/mdx/MDXComponents";
-import TableOfContents from "@/components/mdx/TableOfContents.client";
-import { Locale } from "@/i18n/routing";
-import { getPostDetail } from "@/lib/getBlogDetail";
+import { Locale, LOCALES } from "@/i18n/routing";
+import { getPosts } from "@/lib/getBlogs";
 import { constructMetadata } from "@/lib/metadata";
 import { BlogPost } from "@/types/blog";
 import { Metadata } from "next";
 import { MDXRemote } from "next-mdx-remote-client/rsc";
 import { notFound } from "next/navigation";
 
-interface TableOfContentsItem {
-  id: string;
-  text: string;
-  level: number;
-}
-
-// 解析MDX内容并提取标题
-async function parseMDXContent(content: string): Promise<TableOfContentsItem[]> {
-  if (!content) {
-    return [];
-  }
-
-  try {
-    const headingRegex = /^#{2,4}\s+(.+)$/gm;
-    const headings: TableOfContentsItem[] = [];
-    let match;
-
-    while ((match = headingRegex.exec(content)) !== null) {
-      const fullMatch = match[0];
-      const text = match[1]?.trim();
-
-      if (!text) continue;
-
-      // 确定标题级别
-      let level = 2;
-      if (fullMatch.startsWith("###")) {
-        level = fullMatch.startsWith("####") ? 4 : 3;
-      }
-
-      // 生成ID（将文本转换为URL友好的格式）
-      const id = text
-        .toLowerCase()
-        .replace(/[^a-z0-9\u4e00-\u9fa5\s-]/g, "")
-        .replace(/\s+/g, "-");
-
-      headings.push({ id, text, level });
-    }
-
-    return headings;
-  } catch (error) {
-    console.error("Error parsing MDX content for TOC:", error);
-    return [];
-  }
-}
-
 type Params = Promise<{
   locale: string;
   slug: string;
@@ -67,10 +21,10 @@ export async function generateMetadata({
   params,
 }: MetadataProps): Promise<Metadata> {
   const { locale, slug } = await params;
-  let post: BlogPost = await getPostDetail(slug);
-
-  console.log(post);
+  let { posts }: { posts: BlogPost[] } = await getPosts(locale);
+  const post = posts.find((post) => post.slug === slug);
 
+  console.log(post, posts);
   if (!post) {
     return constructMetadata({
       title: "404",
@@ -95,73 +49,56 @@ export async function generateMetadata({
 
 export default async function BlogPage({ params }: { params: Params }) {
   const { locale, slug } = await params;
-  let post: BlogPost = await getPostDetail(slug);
+  let { posts }: { posts: BlogPost[] } = await getPosts(locale);
+
+  const post = posts.find((item) => item.slug === slug);
 
   if (!post) {
     return notFound();
   }
 
-  console.log(post);
-
-  // 提取博客内容中的标题用于目录
-  const tocItems = await parseMDXContent(post.content || "");
-
-  // 使用默认目录标题
-  const tocTitle = "目录";
-
   return (
-    <div className="flex flex-col md:flex-row w-full gap-8">
-      {/* 侧边目录 - 在移动端显示在内容上方 */}
-      <div className="w-full md:w-1/4 lg:w-1/5 order-2 md:order-1">
-        <TableOfContents
-          items={tocItems || []}
-          title={tocTitle}
-        />
-      </div>
-
-      {/* 主要内容 */}
-      <article className="w-full md:w-3/4 lg:w-4/5 px-2 md:px-8 ml-0 md:ml-64 order-1 md:order-2">
-        <h1 className="break-words text-4xl font-bold mt-6 mb-4">{post.title}</h1>
-        {post.image && (
-          <img src={post.image} alt={post.title} className="rounded-sm" />
-        )}
-        {post.tags && post.tags.split(",").length ? (
-          <div className="flex flex-wrap gap-2">
-            {post.tags.split(",").map((tag) => {
-              return (
-                <div
-                  key={tag}
-                  className={`rounded-md bg-gray-200 hover:!no-underline dark:bg-[#24272E] flex px-2.5 py-1.5 text-sm font-medium transition-colors hover:text-black hover:dark:bg-[#15AFD04C] hover:dark:text-[#82E9FF] text-gray-500 dark:text-[#7F818C] outline-none focus-visible:ring transition`}
-                >
-                  {tag.trim()}
-                </div>
-              );
-            })}
-          </div>
-        ) : (
-          <></>
-        )}
-        {post.description && <Callout>{post.description}</Callout>}
-        <MDXRemote source={post?.content || ""} components={MDXComponents} />
-      </article>
+    <div className="w-full md:w-3/5 px-2 md:px-12">
+      <h1 className="break-words text-4xl font-bold mt-6 mb-4">{post.title}</h1>
+      {post.image && (
+        <img src={post.image} alt={post.title} className="rounded-sm" />
+      )}
+      {post.tags && post.tags.split(",").length ? (
+        <div className="flex flex-wrap gap-2">
+          {post.tags.split(",").map((tag) => {
+            return (
+              <div
+                key={tag}
+                className={`rounded-md bg-gray-200 hover:!no-underline dark:bg-[#24272E] flex px-2.5 py-1.5 text-sm font-medium transition-colors hover:text-black hover:dark:bg-[#15AFD04C] hover:dark:text-[#82E9FF] text-gray-500 dark:text-[#7F818C] outline-none focus-visible:ring transition`}
+              >
+                {tag.trim()}
+              </div>
+            );
+          })}
+        </div>
+      ) : (
+        <></>
+      )}
+      {post.description && <Callout>{post.description}</Callout>}
+      <MDXRemote source={post?.content || ""} components={MDXComponents} />
     </div>
   );
 }
 
-// export async function generateStaticParams() {
-//   let post = (await getPostDetail());
-  
-//   // Filter out posts without a slug
-//   posts = posts.filter((post) => post.slug);
+export async function generateStaticParams() {
+  let posts = (await getPosts()).posts;
 
-//   return LOCALES.flatMap((locale) =>
-//     posts.map((post) => {
-//       const slugPart = post.slug.replace(/^\//, "").replace(/^blog\//, "");
+  // Filter out posts without a slug
+  posts = posts.filter((post) => post.slug);
 
-//       return {
-//         locale,
-//         slug: slugPart,
-//       };
-//     })
-//   );
-// }
+  return LOCALES.flatMap((locale) =>
+    posts.map((post) => {
+      const slugPart = post.slug.replace(/^\//, "").replace(/^blog\//, "");
+
+      return {
+        locale,
+        slug: slugPart,
+      };
+    })
+  );
+}