feat(blog): 添加博客目录功能并更新logo格式

为博客和关于页面添加可交互的目录组件，方便用户导航
将网站logo从svg格式统一改为png格式
移除generateStaticParams函数以简化构建流程
新增getBlogDetail.ts用于获取博客详情数据

app/[locale]/about/page.tsx

@@ -1,4 +1,5 @@
 import MDXComponents from "@/components/mdx/MDXComponents";
+import TableOfContents from "@/components/mdx/TableOfContents.client";
 import { Locale, LOCALES } from "@/i18n/routing";
 import { constructMetadata } from "@/lib/metadata";
 import fs from "fs/promises";
@@ -16,7 +17,52 @@ const options = {
   },
 };
 
-async function getMDXContent(locale: string, section: string) {
+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 [];
+  }
+}
+
+async function getMDXContent(locale: string, section: string): Promise<string> {
   const filePath = path.join(
     process.cwd(),
     "content",
@@ -69,15 +115,37 @@ export default async function AboutPage({
   const section = (resolvedSearchParams.section as string) || "company";
 
   const content = await getMDXContent(locale, section);
+  const tocItems = await parseMDXContent(content);
+
+  // 获取多语言目录标题
+  const t = await getTranslations({ locale, namespace: "Common" });
+  const tocTitle = t("tableOfContents") || "目录";
 
   return (
-    <article className="w-full md:w-3/5 px-2 md:px-12">
-      <MDXRemote
-        source={content}
-        components={MDXComponents}
-        options={options}
-      />
-    </article>
+    <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">
+        {content ? (
+          <MDXRemote
+            source={content}
+            components={MDXComponents}
+            options={options}
+          />
+        ) : (
+          <div className="text-center py-8 text-gray-500">
+            <p>内容加载中...</p>
+          </div>
+        )}
+      </article>
+    </div>
   );
 }