From efca4b052ccec24bb00e0bdfe35728d418c7ad7e Mon Sep 17 00:00:00 2001
From: zachary sun <sunzhongkai@baidu.com>
Date: Thu, 20 Mar 2025 18:00:59 +0800
Subject: [PATCH 1/6] feature_category

---
 CONTRIBUTING.md                         | 35 +++++++++++++++++
 src/.vitepress/theme/BlogCategories.vue | 35 +++++++++++++++++
 src/.vitepress/theme/Home.vue           | 50 ++++++++++++++++++++++---
 src/.vitepress/theme/loaders/posts.ts   |  2 +
 src/posts/2023-os-report.md             |  1 +
 src/posts/2024-summary.md               |  1 +
 src/posts/buaa-starter.md               |  1 +
 src/posts/ccf-pku.md                    |  1 +
 src/posts/chengdu-kaiyuanshe.md         |  2 +-
 src/posts/chuan-story.md                |  1 +
 src/posts/deepseek-tech-visualized.md   |  1 +
 src/posts/hackathon-5th-episode01.md    |  1 +
 src/posts/hackathon-5th-episode02.md    |  1 +
 src/posts/hackathon-5th-episode03.md    |  1 +
 src/posts/hackathon-6th-summary.md      |  1 +
 src/posts/hackathon-7th-summary.md      |  1 +
 src/posts/huanggua-story.md             |  1 +
 src/posts/huangjiyi-story.md            |  1 +
 src/posts/ijcai-2024-competition.md     |  1 +
 src/posts/ligoml-story.md               |  1 +
 src/posts/limin-story.md                |  1 +
 src/posts/loaf-sharing.md               |  1 +
 src/posts/lzj-sharing.md                |  1 +
 src/posts/nknan-story.md                |  1 +
 src/posts/paddle-pipeline-parallel.md   |  1 +
 src/posts/paddleocr-release.md          |  1 +
 src/posts/pfcc-36th.md                  |  1 +
 src/posts/pku-course.md                 |  1 +
 src/posts/pytorch-conference-01.md      |  1 +
 src/posts/sanbu-story.md                |  1 +
 src/posts/shanghai-event.md             |  1 +
 src/posts/shun-story.md                 |  1 +
 src/posts/starter-camp.md               |  1 +
 src/posts/suzhou-kaifangyuanzi.md       |  1 +
 src/posts/swagger-deepseek-r1.md        |  1 +
 src/posts/tao-story.md                  |  1 +
 src/posts/type-hints-project.md         |  1 +
 src/posts/wangxin-story.md              |  1 +
 src/posts/wuxi-kaifangyuanzi.md         |  1 +
 src/posts/xdoctest-project.md           |  1 +
 src/posts/xian-event.md                 |  1 +
 src/posts/yanguohao-story.md            |  1 +
 src/posts/zhangyiqiao-story.md          |  1 +
 src/posts/zheng-story.md                |  1 +
 src/posts/zju-event.md                  |  1 +
 src/posts/zuckerberg-letter-post.md     |  1 +
 46 files changed, 159 insertions(+), 6 deletions(-)
 create mode 100644 src/.vitepress/theme/BlogCategories.vue

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index e4d6920..4d3db01 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -56,6 +56,41 @@ pnpm dev
 
 文件名统一使用 kebab-case，如 `hello-world.md`。
 
+1. 博客置顶
+
+   若有置顶某篇博客的需求，需要确保该博客文章在 frontmatter 中包含 `pinned: true` 字段。例如：
+
+   ```
+   ---
+   title: 2024 年飞桨开源社区年度报告
+   date: 2025-02-07
+   ...
+   pinned: true
+   ---
+
+   文章内容...
+   ```
+
+2. 博客分类
+
+   需要确保每篇博客文章在 frontmatter 中包含 `category` 字段，以便实现博客的分类展示。例如：
+
+   ```
+   ---
+   title: 文章标题
+   date: 2025-04-01
+   category: community-activity
+   ---
+
+   文章内容...
+   ```
+
+   | category 字段      | 含义                           |
+   | ------------------ | ------------------------------ |
+   | community-activity | 飞桨开源社区动态、活动进展     |
+   | developer-story    | 飞桨社区开发者访谈、开发者故事 |
+   | insights           | 前沿洞察、技术分享             |
+
 ### 图片文件
 
 图片文件统一放置在 [`src/images`](./src/images) 目录下，每篇博客对应一个子目录，子目录名即为博客的文件名，比如 `hello-world.md` 对应的图片目录为 `src/images/hello-world`。
diff --git a/src/.vitepress/theme/BlogCategories.vue b/src/.vitepress/theme/BlogCategories.vue
new file mode 100644
index 0000000..1e71c32
--- /dev/null
+++ b/src/.vitepress/theme/BlogCategories.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const props = defineProps<{
+  activeCategory: string;
+  onChange: (category: string) => void;
+}>();
+
+const categories = [
+  { id: 'all', name: 'ALL' },
+  { id: 'community-activity', name: '飞桨开源社区动态' },
+  { id: 'developer-story', name: '飞桨社区开发者访谈' },
+  { id: 'insights', name: '前沿洞察' }
+];
+</script>
+
+<template>
+  <div class="blog-categories mb-8">
+    <div class="flex flex-wrap gap-2">
+      <button
+        v-for="category in categories"
+        :key="category.id"
+        :class="[
+          'px-4 py-2 rounded-full text-sm font-medium transition-colors',
+          activeCategory === category.id
+            ? 'bg-blue-600 text-white'
+            : 'bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200 hover:bg-gray-200 dark:hover:bg-gray-700'
+        ]"
+        @click="onChange(category.id)"
+      >
+        {{ category.name }}
+      </button>
+    </div>
+  </div>
+</template>
\ No newline at end of file
diff --git a/src/.vitepress/theme/Home.vue b/src/.vitepress/theme/Home.vue
index 92da5af..f28ab03 100644
--- a/src/.vitepress/theme/Home.vue
+++ b/src/.vitepress/theme/Home.vue
@@ -1,22 +1,59 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import { useData, useRoute } from 'vitepress'
+import { computed, ref, onMounted } from 'vue'
+import { useData, useRoute, useRouter } from 'vitepress'
 import { data as postsData } from './loaders/posts.data.js'
 import Date from './Date.vue'
 import Pagination from './Pagination.vue'
+import BlogCategories from './BlogCategories.vue'
 
 const route = useRoute()
+const router = useRouter() // 添加这一行，引入router
 const { posts, postsPerPage, numPages } = postsData
 
 const { frontmatter, site } = useData()
 
+// 博客分类相关功能
+const activeCategory = ref('all')
+
+const filteredPosts = computed(() => {
+  if (activeCategory.value === 'all') {
+    return posts;
+  }
+  return posts.filter(post => post.category === activeCategory.value);
+})
+
+// 从URL参数中恢复分类状态
+onMounted(() => {
+  const urlParams = new URLSearchParams(window.location.search);
+  const categoryParam = urlParams.get('category');
+  if (categoryParam && ['all', 'community-activity', 'developer-story', 'insights'].includes(categoryParam)) {
+    activeCategory.value = categoryParam;
+  }
+});
+
+// 修改分类切换函数，加入URL参数
+const changeCategory = (category) => {
+  activeCategory.value = category;
+  
+  // 更新URL参数，不刷新页面
+  const url = new URL(window.location.href);
+  url.searchParams.set('category', category);
+  window.history.pushState({}, '', url);
+  
+  // 如果不在首页，跳转回首页
+  if (route.path !== '/') {
+    router.go('/');
+  } 
+}
+
 const pageIndex = computed(() => {
   return route.path === '/' ? 1 : Number(route.path.split('/')[2])
 })
+
 const postsInPage = computed(() => {
   const start = (pageIndex.value - 1) * postsPerPage
   const end = start + postsPerPage
-  return posts.slice(start, end)
+  return filteredPosts.value.slice(start, end)
 })
 </script>
 
@@ -31,6 +68,9 @@ const postsInPage = computed(() => {
       <p class="text-lg leading-7 text-gray-500 dark:text-white">
         {{ frontmatter.subtext || site.description }}
       </p>
+      
+      <!-- 添加分类选项组件 -->
+      <BlogCategories :active-category="activeCategory" :on-change="changeCategory" />
     </div>
     <ul class="divide-y divide-gray-200 dark:divide-slate-200/5">
       <li class="py-12" v-for="{ title, url, date, excerpt, pinned } of postsInPage">
@@ -56,9 +96,9 @@ const postsInPage = computed(() => {
       </li>
     </ul>
     <Pagination
-      :num-pages="numPages"
+      :num-pages="Math.ceil(filteredPosts.length / postsPerPage)"
       :page-index="pageIndex"
-      v-if="postsInPage.length !== posts.length"
+      v-if="filteredPosts.length > postsPerPage"
     />
   </div>
 </template>
diff --git a/src/.vitepress/theme/loaders/posts.ts b/src/.vitepress/theme/loaders/posts.ts
index 7d1828d..bc06a16 100644
--- a/src/.vitepress/theme/loaders/posts.ts
+++ b/src/.vitepress/theme/loaders/posts.ts
@@ -12,6 +12,7 @@ export interface Post {
   }
   excerpt: string | undefined
   pinned?: boolean
+  category?: string
 }
 
 export interface PostsData {
@@ -80,6 +81,7 @@ export default function createPostsLoader(getPostsPerPage: () => number) {
           excerpt,
           date: formatDate(frontmatter.date),
           pinned: frontmatter.pinned === true,
+          category: frontmatter.category || 'all', 
         }))
         .sort((a, b) => {
           if (a.pinned && !b.pinned) {
diff --git a/src/posts/2023-os-report.md b/src/posts/2023-os-report.md
index a03f5df..29ccf75 100644
--- a/src/posts/2023-os-report.md
+++ b/src/posts/2023-os-report.md
@@ -5,6 +5,7 @@ author:
    name: 梦师傅
    github: Ligoml
 pinned: true
+category: community-activity
 ---
 
 什么是开源项目和开源社区？国内活跃度 Top 的开源社区，都有哪些有趣的人和事？开源社区之于开源项目有何重要意义？
diff --git a/src/posts/2024-summary.md b/src/posts/2024-summary.md
index 2b329a9..7ab0b46 100644
--- a/src/posts/2024-summary.md
+++ b/src/posts/2024-summary.md
@@ -5,6 +5,7 @@ author:
    name: 孙钟恺
    github: sunzhongkai588
 pinned: true
+category: community-activity
 ---
 
 2024 年已悄然落幕。这一年，飞桨开源社区在挑战与机遇中不断成长与突破。在这新年伊始，我们为大家呈上一份 2024 年度报告，以此致敬每一位开发者的努力与贡献。
diff --git a/src/posts/buaa-starter.md b/src/posts/buaa-starter.md
index 0cd7209..1a4028c 100644
--- a/src/posts/buaa-starter.md
+++ b/src/posts/buaa-starter.md
@@ -4,6 +4,7 @@ date: 2024-11-27
 author:
    name: 小莹莹
    github: E-Pudding
+category: community-activity
 ---
 
 <style>
diff --git a/src/posts/ccf-pku.md b/src/posts/ccf-pku.md
index 9f6fcef..686e63c 100644
--- a/src/posts/ccf-pku.md
+++ b/src/posts/ccf-pku.md
@@ -4,6 +4,7 @@ date: 2024-11-17
 author:
    name: 小莹莹
    github: E-Pudding
+category: community-activity
 ---
 
 <style>
diff --git a/src/posts/chengdu-kaiyuanshe.md b/src/posts/chengdu-kaiyuanshe.md
index 718f5f5..da83c1b 100644
--- a/src/posts/chengdu-kaiyuanshe.md
+++ b/src/posts/chengdu-kaiyuanshe.md
@@ -4,7 +4,7 @@ date: 2023-11-02
 author:
    name: 孙师傅
    github: sunzhongkai588
-   # avatar:
+category: community-activity # avatar:
 ---
 
 2023 年 10 月 28 日、29 日参加开源社举办的「第八届中国开源年会」的精彩瞬间，以及与咱 Paddle 社区成都开发者们的线下见面～
diff --git a/src/posts/chuan-story.md b/src/posts/chuan-story.md
index 0541e9e..a33f88b 100644
--- a/src/posts/chuan-story.md
+++ b/src/posts/chuan-story.md
@@ -9,6 +9,7 @@ co_authors:
      github: wenxiaohahaha
    - name: 田川（川川）
      github: gouzil
+category: developer-story
 ---
 
 “桨声川水悠悠过，长路漫漫风光留”，这次我们要采访的是小伙伴们都熟悉的励志富哥儿——**川川师傅**✨
diff --git a/src/posts/deepseek-tech-visualized.md b/src/posts/deepseek-tech-visualized.md
index d622e5c..150a4e0 100644
--- a/src/posts/deepseek-tech-visualized.md
+++ b/src/posts/deepseek-tech-visualized.md
@@ -4,6 +4,7 @@ date: 2025-2-20
 author:
    name: Jun
    github: jzhang533
+category: insights
 ---
 
 Visualized deepseek technologies.
diff --git a/src/posts/hackathon-5th-episode01.md b/src/posts/hackathon-5th-episode01.md
index 0b94046..d95ad55 100644
--- a/src/posts/hackathon-5th-episode01.md
+++ b/src/posts/hackathon-5th-episode01.md
@@ -7,6 +7,7 @@ author:
 co_authors:
    - name: 花花
      github: Tulip-hua
+category: community-activity
 ---
 
 向大家快速介绍飞桨黑客松第五期活动上线以来的进展（9.25-11.3）
diff --git a/src/posts/hackathon-5th-episode02.md b/src/posts/hackathon-5th-episode02.md
index 76491c8..4023217 100644
--- a/src/posts/hackathon-5th-episode02.md
+++ b/src/posts/hackathon-5th-episode02.md
@@ -7,6 +7,7 @@ author:
 co_authors:
    - name: 花花
      github: Tulip-hua
+category: community-activity
 ---
 
 向大家快速介绍飞桨黑客松第五期开展以来的进展（11.4-12.1）
diff --git a/src/posts/hackathon-5th-episode03.md b/src/posts/hackathon-5th-episode03.md
index 0f1bb01..fa52f77 100644
--- a/src/posts/hackathon-5th-episode03.md
+++ b/src/posts/hackathon-5th-episode03.md
@@ -7,6 +7,7 @@ author:
 co_authors:
    - name: 梦师傅
      github: Ligoml
+category: community-activity
 ---
 
 让我们看看哪些最强“Hacker”脱颖而出！
diff --git a/src/posts/hackathon-6th-summary.md b/src/posts/hackathon-6th-summary.md
index 14c7e81..947395c 100644
--- a/src/posts/hackathon-6th-summary.md
+++ b/src/posts/hackathon-6th-summary.md
@@ -4,6 +4,7 @@ date: 2024-08-23
 author:
    name: 孙钟恺
    github: sunzhongkai588
+category: community-activity
 ---
 
 飞桨黑客马拉松第六期，新赛制，新玩法，难度更深，挑战更大！
diff --git a/src/posts/hackathon-7th-summary.md b/src/posts/hackathon-7th-summary.md
index ea75e8f..72df65d 100644
--- a/src/posts/hackathon-7th-summary.md
+++ b/src/posts/hackathon-7th-summary.md
@@ -4,6 +4,7 @@ date: 2025-01-26
 author:
    name: 孙钟恺
    github: sunzhongkai588
+category: community-activity
 ---
 
 飞桨黑客马拉松第七期，老赛制，新赛题，熟悉的配方，不一样的味道！
diff --git a/src/posts/huanggua-story.md b/src/posts/huanggua-story.md
index bb7aa80..55adc22 100644
--- a/src/posts/huanggua-story.md
+++ b/src/posts/huanggua-story.md
@@ -9,6 +9,7 @@ co_authors:
      github: wenxiaohahaha
    - name: 黄锦源（黄瓜大帝）
      github: Berniehuang2008
+category: developer-story
 ---
 
 他来了，他来了，他带着满满的故事，迈着自信的步伐向我们走来了！虽然刚满 15 岁，但**小小黄瓜**的开源史却已有好几年！学校趣事？开源经历？迷人帅照？成山作业？你都能在本篇博客看到！
diff --git a/src/posts/huangjiyi-story.md b/src/posts/huangjiyi-story.md
index 9317383..dc4cfbb 100644
--- a/src/posts/huangjiyi-story.md
+++ b/src/posts/huangjiyi-story.md
@@ -9,6 +9,7 @@ co_authors:
      github: wenxiaohahaha
    - name: 黄济懿（黄师傅）
      github: huangjiyi
+category: developer-story
 ---
 
 从积极参与社区开源任务，到加入飞桨成为 ~~（练习生）~~ 实习生，到最终正式成为飞桨研发团队的一员。以兴趣为起点， **黄济懿师傅** 将我们展示了一条通往职业的道路，希望他的故事能够激励所有对开源充满热情的开发者们。接下来，原神启动 🚀！
diff --git a/src/posts/ijcai-2024-competition.md b/src/posts/ijcai-2024-competition.md
index 95f938a..b0fb2c7 100644
--- a/src/posts/ijcai-2024-competition.md
+++ b/src/posts/ijcai-2024-competition.md
@@ -4,6 +4,7 @@ date: 2024-08-19
 author:
    name: 王冠
    github: wangguan1995
+category: community-activity
 ---
 
 🎉🎉2024 年 8 月 8 日，“ IJCAI 2024: 任意三维几何外形车辆的风阻快速预测竞赛 ”在韩国济州国际会议中心(Jeju ICC)火热举行，并且取得了超级圆满的成功！💰💰价值 $35,000 的大奖到底花落谁家了呢？参赛选手们的技术方案是不是赛博朋克风爆棚？快来围观，别错过啦~
diff --git a/src/posts/ligoml-story.md b/src/posts/ligoml-story.md
index 4ec8dec..388629e 100644
--- a/src/posts/ligoml-story.md
+++ b/src/posts/ligoml-story.md
@@ -7,6 +7,7 @@ author:
 co_authors:
    - name: 梦师傅
      github: Ligoml
+category: developer-story
 ---
 
 **All over the place was six pence, but he looked up at the moon.**
diff --git a/src/posts/limin-story.md b/src/posts/limin-story.md
index d56e1b3..f126130 100644
--- a/src/posts/limin-story.md
+++ b/src/posts/limin-story.md
@@ -9,6 +9,7 @@ co_authors:
      github: wenxiaohahaha
    - name: 李敏（敏师傅）
      github: enkilee
+category: developer-story
 ---
 
 从对 Git 一窍不通到如今能够丝滑完成黑客松赛题，从曾经历鬼门关的生死挣扎到现在能够轻松跑几公里不喘气，从毕业于武大国软学的有志青年到佛系养生的新时代躺平中年，**敏师傅** 的人生经历就像是那瓶经年陈酿的老酒，醇厚细腻、回味无穷。
diff --git a/src/posts/loaf-sharing.md b/src/posts/loaf-sharing.md
index 61e5692..87c9e25 100644
--- a/src/posts/loaf-sharing.md
+++ b/src/posts/loaf-sharing.md
@@ -4,6 +4,7 @@ date: 2023-12-18
 author:
    name: 孙钟恺
    github: sunzhongkai588
+category: insights
 ---
 
 本篇博客文章的内容，来源于作者在「第八届中国开源年会」上分享的一次主题为 **「如何在开源社区摸 🐟」** 的闪电演讲，以下的部分为演讲的具体内容。
diff --git a/src/posts/lzj-sharing.md b/src/posts/lzj-sharing.md
index a6c327f..477a18e 100644
--- a/src/posts/lzj-sharing.md
+++ b/src/posts/lzj-sharing.md
@@ -4,6 +4,7 @@ date: 2025-03-11
 author:
    name: 李志军
    github: ZhijunLStudio
+category: insights
 ---
 
 当前的多模态模型通常缺乏**推理能力（reasoning）**，为了提升其推理能力，研究主要集中在以下三个方向：
diff --git a/src/posts/nknan-story.md b/src/posts/nknan-story.md
index 4fcc55e..aa23a14 100644
--- a/src/posts/nknan-story.md
+++ b/src/posts/nknan-story.md
@@ -7,6 +7,7 @@ author:
 co_authors:
    - name: 李睿文
      github: NKNaN
+category: developer-story
 ---
 
 大家好！这次我们有幸采访到社区中的一位特别的朋友——NKNaN。她不仅是飞桨社区中的佼佼者，对于开发中的难题总能迎刃而解，也是一位才华横溢且性格随和的女性开发者。通过这次的对话，我们将一起走进李睿文的日常生活，了解她在社区背后充满转折和惊喜的个人故事～
diff --git a/src/posts/paddle-pipeline-parallel.md b/src/posts/paddle-pipeline-parallel.md
index b895460..8e39ffb 100644
--- a/src/posts/paddle-pipeline-parallel.md
+++ b/src/posts/paddle-pipeline-parallel.md
@@ -5,6 +5,7 @@ author:
    name: 卢畅
    github: andsonder
 theme: 'vitesse-light'
+category: insights
 ---
 
 paddle3.0 中自动并行是一项重要的升级点，今天我们来聊一聊 Paddle 中的静态图流水并行。大家也可以去翻一翻我的[个人博客](https://space.keter.top/)，里面有很多好康的（X）
diff --git a/src/posts/paddleocr-release.md b/src/posts/paddleocr-release.md
index 45a457b..0dd9941 100644
--- a/src/posts/paddleocr-release.md
+++ b/src/posts/paddleocr-release.md
@@ -4,6 +4,7 @@ date: 2024-07-08
 author:
    name: 尤师傅
    github: Harryoung
+category: community-activity
 ---
 
 在开源社区的热烈期待与共同努力下，PaddleOCR 迎来了里程碑式的版本更新——v2.8.0！本次更新不仅**引入了前沿的 OCR 技术成果**，还**对项目结构进行了深度优化**，**解决了若干历史疑难问题**，旨在为广大开发者提供更加高效、便捷的 OCR 解决方案。让我们一同探索 PaddleOCR v2.8.0 带来的全新体验与无限可能！
diff --git a/src/posts/pfcc-36th.md b/src/posts/pfcc-36th.md
index 1a8f8fc..ef37ba5 100644
--- a/src/posts/pfcc-36th.md
+++ b/src/posts/pfcc-36th.md
@@ -9,6 +9,7 @@ co_authors:
      github: djl11
    - name: 莱师傅
      github: RedContritio
+category: community-activity
 ---
 
 在第 36 次 PFCC 会议上，我们有幸邀请了 Ivy 社区的英国小哥 Daniel（[@djl11](https://github.com/djl11)）和 Paddle 社区开发者莱师傅（[@RedContritio](https://github.com/tink2123)）分别分享了代码转换工具 Ivy、PaConvert。
diff --git a/src/posts/pku-course.md b/src/posts/pku-course.md
index 85da4ad..e7d75f7 100644
--- a/src/posts/pku-course.md
+++ b/src/posts/pku-course.md
@@ -7,6 +7,7 @@ author:
 co_authors:
    - name: 杰师傅
      github: Aurelius84
+category: community-activity
 ---
 
 ## 飞桨开源社区走进北京大学课堂
diff --git a/src/posts/pytorch-conference-01.md b/src/posts/pytorch-conference-01.md
index a50a8c9..b582002 100644
--- a/src/posts/pytorch-conference-01.md
+++ b/src/posts/pytorch-conference-01.md
@@ -7,6 +7,7 @@ author:
 co_authors:
    - name: 散步（小散）
      github: sanbuphy
+category: insights
 ---
 
 本文是对 PyTorch Conference 2023 中的《[State of PyTorch](https://www.youtube.com/watch?v=dR0lHxt3Tjo&t=83s)》部分进行了精准的中文翻译和详细的文字总结，旨在向读者介绍 **PyTorch 社区的 2023 年动态**。同时也特别参考了[散步](https://github.com/sanbuphy)大佬的《[PyTorch Conference 2023 翻译系列文章](https://www.aispacewalk.cn/docs/ai/framework/pytorch/PytorchConference2023/State_of_PyTorch)》，在此基础上，进行了细致的校对和优化，确保翻译准确无误。对散步大佬之前的辛勤翻译和对开源社区的贡献，表示衷心的感谢和敬意。
diff --git a/src/posts/sanbu-story.md b/src/posts/sanbu-story.md
index ef250db..312f943 100644
--- a/src/posts/sanbu-story.md
+++ b/src/posts/sanbu-story.md
@@ -9,6 +9,7 @@ co_authors:
      github: sunzhongkai588
    - name: 散步（小散）
      github: sanbuphy
+category: developer-story
 ---
 
 “负暄檐宇下，散步池塘曲”，本期我们邀请到了热情好学的散步 🚶‍♀️ 师傅！你想知道他的人生理想么？你想了解他的学习历程么？你想知道他的日常生活么？你想得到他的真挚祝福么？点击此篇博客，让我们一起走进小散的浪漫人生～
diff --git a/src/posts/shanghai-event.md b/src/posts/shanghai-event.md
index edd9981..32dcb24 100644
--- a/src/posts/shanghai-event.md
+++ b/src/posts/shanghai-event.md
@@ -4,6 +4,7 @@ date: 2024-12-26
 author:
    name: Jun
    github: jzhang533
+category: community-activity
 ---
 
 借着 2024 年 12 月 26 日，在上海张江科学会堂举办文心大模型生态大会的机会，非常开心能在上海跟飞桨开源社区的大家线下见面。
diff --git a/src/posts/shun-story.md b/src/posts/shun-story.md
index cb79ad0..89ff56d 100644
--- a/src/posts/shun-story.md
+++ b/src/posts/shun-story.md
@@ -9,6 +9,7 @@ co_authors:
      github: wenxiaohahaha
    - name: 柳顺（顺师傅）
      github: megemini
+category: developer-story
 ---
 
 **【开源江湖闲聊录】** 是一项专门为 Paddle 社区的开发者打造的特色访谈栏目📚。在这里，我们邀请到每一位别具一格且富有热情的开发者，通过文字或语音的方式进行深入采访 🎙️，探索并展现他们背后独一无二的故事，将他们的经历、见解和创意整理成精彩内容，呈现给整个社区。
diff --git a/src/posts/starter-camp.md b/src/posts/starter-camp.md
index f33c844..78fb354 100644
--- a/src/posts/starter-camp.md
+++ b/src/posts/starter-camp.md
@@ -4,6 +4,7 @@ date: 2024-2-18
 author:
    name: 孙钟恺
    github: sunzhongkai588
+category: community-activity
 ---
 
 在 2023 年的 11 月 14 日，飞桨开源社区开启了一个新项目（~~新坑~~）—— **启航计划集训营**。经过为期两个月紧张而充实的集训后，启航计划集训营于 1 月 30 日 正式圆满完成所有集训计划。在集训期间，大家出色地完成了三项热身打卡任务，并且有 **19** 位营员合入了超过 **110** 个 PR。衷心感谢各位营员的积极参与和卓越贡献！在这里，也向开源社区的各位 **“汇报”** 一下活动情况～
diff --git a/src/posts/suzhou-kaifangyuanzi.md b/src/posts/suzhou-kaifangyuanzi.md
index 4efe132..a379a19 100644
--- a/src/posts/suzhou-kaifangyuanzi.md
+++ b/src/posts/suzhou-kaifangyuanzi.md
@@ -4,6 +4,7 @@ date: 2024-04-17
 author:
    name: 尤师傅
    github: Harryoung
+category: community-activity
 ---
 
 2024 年 4 月 12 日，[开放原子开源大赛 PaddleOCR 算法模型挑战赛](https://competition.atomgit.com/competitionInfo?id=d25e62a0d7f27876a8c4219bfc0be90e) 决赛路演在苏州工业园区人工智能产业园 G1 栋 3 楼会议中心顺利举行，并取得圆满成功！🎉价值 15 万元的大奖花落谁家？选手们的技术方案有多硬核？快来看看吧~
diff --git a/src/posts/swagger-deepseek-r1.md b/src/posts/swagger-deepseek-r1.md
index 4a5502f..2c82324 100644
--- a/src/posts/swagger-deepseek-r1.md
+++ b/src/posts/swagger-deepseek-r1.md
@@ -4,6 +4,7 @@ date: 2025-03-16
 author:
    name: swagger
    github: swagger-coder
+category: insights
 ---
 
 本篇博客旨在讲解论文 **《DeepSeek-R1: Incentivizing Reasoning Capability in LLMs via Reinforcement Learning》** ，如有错误，欢迎指正。
diff --git a/src/posts/tao-story.md b/src/posts/tao-story.md
index 37efb26..eaed1ee 100644
--- a/src/posts/tao-story.md
+++ b/src/posts/tao-story.md
@@ -9,6 +9,7 @@ co_authors:
      github: sunzhongkai588
    - name: 骆涛（涛姐）
      github: luotao1
+category: developer-story
 ---
 
 嘿，你知道飞桨社区里的 DDL 战士是谁么？嘿，你知道大家心中的 Paddle 社区妈妈是谁么？那你又知道谁是（~~仓库管理员~~）飞桨仓库的实际控制人？谁是飞桨仓库的守护者？谁是飞桨从闭源到开源的见证者？是的，本期要采访的就是我们 Paddle 的资深研发女神——涛姐！
diff --git a/src/posts/type-hints-project.md b/src/posts/type-hints-project.md
index 9b76981..a208f0b 100644
--- a/src/posts/type-hints-project.md
+++ b/src/posts/type-hints-project.md
@@ -4,6 +4,7 @@ date: 2024-09-01
 author:
    name: 顺师傅
    github: megemini
+category: community-activity
 ---
 
 【为 Paddle 框架 API 添加类型提示（Type Hints）】的项目总结。
diff --git a/src/posts/wangxin-story.md b/src/posts/wangxin-story.md
index eebd428..531fa63 100644
--- a/src/posts/wangxin-story.md
+++ b/src/posts/wangxin-story.md
@@ -9,6 +9,7 @@ co_authors:
      github: sunzhongkai588
    - name: 汪昕（汪师傅）
      github: GreatV
+category: developer-story
 ---
 
 无论是工作还是生活，他都认真对待！无论是开源世界还是家庭亲情他都怀抱深沉热爱！从一开始提修改文档 PR 的边缘者到如今横扫各大开源任务的 Paddle 扫地僧！汪师傅一直在开源界默默努力💪深耕～今天，就让我们一起揭开这位神秘大佬的面纱，探寻他的故事吧！✨✨✨
diff --git a/src/posts/wuxi-kaifangyuanzi.md b/src/posts/wuxi-kaifangyuanzi.md
index c2e4a11..33b24e9 100644
--- a/src/posts/wuxi-kaifangyuanzi.md
+++ b/src/posts/wuxi-kaifangyuanzi.md
@@ -4,6 +4,7 @@ date: 2023-12-26
 author:
    name: 梦师傅
    github: Ligoml
+category: community-activity
 ---
 
 2023 年 12 月 15 日顺利完成[「第一届开放原子开源大赛 - 飞桨 PaddlePaddle 开源贡献挑战赛」](https://competition.atomgit.com/competitionInfo?id=85216ad0ef0811ed99d49fc42bfa011c)决赛路演，产生 2 支一等奖队伍，16 日参加开放原子开源基金会举办的[「2023 开放原子开发者大会」](https://openatomcon.openatom.cn/)，与各开源组织与机构同行沟通交流，收获满满~
diff --git a/src/posts/xdoctest-project.md b/src/posts/xdoctest-project.md
index 73ffc19..ba4d1c3 100644
--- a/src/posts/xdoctest-project.md
+++ b/src/posts/xdoctest-project.md
@@ -7,6 +7,7 @@ author:
 co_authors:
    - name: 顺师傅
      github: megemini
+category: community-activity
 ---
 
 【将 xdoctest 引入飞桨工作流】的项目总结。
diff --git a/src/posts/xian-event.md b/src/posts/xian-event.md
index 618c0ee..3cb90a6 100644
--- a/src/posts/xian-event.md
+++ b/src/posts/xian-event.md
@@ -5,6 +5,7 @@ author:
    name: Jun
    github: jzhang533
    # avatar: https://avatars.githubusercontent.com/u/29231
+category: community-activity
 ---
 
 在中国计算机学会组织的中国软件开源创新大赛上，飞桨开源社区的全部比赛已经完成。恭喜以下获奖的同学：
diff --git a/src/posts/yanguohao-story.md b/src/posts/yanguohao-story.md
index 8a9bb66..f0da667 100644
--- a/src/posts/yanguohao-story.md
+++ b/src/posts/yanguohao-story.md
@@ -7,6 +7,7 @@ author:
 co_authors:
    - name: 杨国浩
      github: yangguohao
+category: developer-story
 ---
 
 “圣安东尼奥这个地方太无聊了，我更想去纽约那样的大城市看看。”一位与杨国浩同堂上课的本科生说道。而此时，刚刚跨越半个地球来到 University of Texas 攻读 PhD 的杨国浩，却在这片陌生的土地上，开启了他新的探索旅程。
diff --git a/src/posts/zhangyiqiao-story.md b/src/posts/zhangyiqiao-story.md
index 38215c4..98422a1 100644
--- a/src/posts/zhangyiqiao-story.md
+++ b/src/posts/zhangyiqiao-story.md
@@ -9,6 +9,7 @@ co_authors:
      github: sunzhongkai588
    - name: 张一乔（张师傅）
      github: liyulingyue
+category: developer-story
 ---
 
 格子衬衫 👕，黑框眼镜 👓，他就是上天钦定的程序员！他狂卷技术，热爱开源；他喜欢摸鱼 🐟，疯狂水群；他“厨艺精湛”，堪称当代厨神。严寒冬日，别人有女朋友温暖手心，而他把 🥤 优乐美捧在手心！凌晨就寝，别人躺平酝酿睡意，他靠咖啡 ☕️ 进入梦境！工作一年半，至今单身汉！他就是来自安徽的吃辣小趴菜——张一乔 😆！
diff --git a/src/posts/zheng-story.md b/src/posts/zheng-story.md
index 28026fd..3413c9d 100644
--- a/src/posts/zheng-story.md
+++ b/src/posts/zheng-story.md
@@ -9,6 +9,7 @@ co_authors:
      github: sunzhongkai588
    - name: 郑必城（郑师傅）
      github: Zheng-Bicheng
+category: developer-story
 ---
 
 ​集百家之阴阳，合一家之糟粕。好消息！好消息！自称 Paddle 社区“最想当 PM 的程序员” 、“Paddle 首席阴阳家”—— Zheng-bicheng，闪亮登场 🥳🎉🎉🎉。你想掌握最前沿的阴阳技巧么？你想成为和他一样优秀的开发者吗？你想和他一样眼神 👀 中透露着睿智的光芒，小脑袋瓜里装满各种各样的知识么？那就快来看看这篇博客吧！🌹
diff --git a/src/posts/zju-event.md b/src/posts/zju-event.md
index de49c32..4450257 100644
--- a/src/posts/zju-event.md
+++ b/src/posts/zju-event.md
@@ -4,6 +4,7 @@ date: 2024-11-26
 author:
    name: 骆涛
    github: luotao1
+category: community-activity
 ---
 
 <style>
diff --git a/src/posts/zuckerberg-letter-post.md b/src/posts/zuckerberg-letter-post.md
index d6c7e8d..0255af5 100644
--- a/src/posts/zuckerberg-letter-post.md
+++ b/src/posts/zuckerberg-letter-post.md
@@ -4,6 +4,7 @@ date: 2024-10-17
 author:
    name: 孙钟恺
    github: sunzhongkai588
+category: insights
 ---
 
 本篇文章是小扎同志在 Llama 3.1 发布时给所有开发者写的“一封信”，全文都在阐述**开源对于 AI 大模型发展的重要性**。而比较有趣的是，在类似的时间点，我们的厂长李彦宏（Robin）在对外发布会和内网里发表过**截然相反**的观点，即“**开源大模型会越来越落后**”。在这俩种观点的背后，其实也蕴含着中、西方文化的差异，在文章结尾，我会简单聊聊这两种观点的碰撞和思考。

From 5375fcb26eda48c2b1ff180d42aea890a25934bb Mon Sep 17 00:00:00 2001
From: zachary sun <sunzhongkai@baidu.com>
Date: Thu, 20 Mar 2025 18:05:07 +0800
Subject: [PATCH 2/6] fix style

---
 src/.vitepress/theme/BlogCategories.vue | 16 +++++------
 src/.vitepress/theme/Home.vue           | 35 ++++++++++++++-----------
 src/.vitepress/theme/loaders/posts.ts   |  2 +-
 3 files changed, 28 insertions(+), 25 deletions(-)

diff --git a/src/.vitepress/theme/BlogCategories.vue b/src/.vitepress/theme/BlogCategories.vue
index 1e71c32..4d50e1a 100644
--- a/src/.vitepress/theme/BlogCategories.vue
+++ b/src/.vitepress/theme/BlogCategories.vue
@@ -1,17 +1,17 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref } from 'vue'
 
 const props = defineProps<{
-  activeCategory: string;
-  onChange: (category: string) => void;
-}>();
+  activeCategory: string
+  onChange: (category: string) => void
+}>()
 
 const categories = [
   { id: 'all', name: 'ALL' },
   { id: 'community-activity', name: '飞桨开源社区动态' },
   { id: 'developer-story', name: '飞桨社区开发者访谈' },
-  { id: 'insights', name: '前沿洞察' }
-];
+  { id: 'insights', name: '前沿洞察' },
+]
 </script>
 
 <template>
@@ -24,7 +24,7 @@ const categories = [
           'px-4 py-2 rounded-full text-sm font-medium transition-colors',
           activeCategory === category.id
             ? 'bg-blue-600 text-white'
-            : 'bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200 hover:bg-gray-200 dark:hover:bg-gray-700'
+            : 'bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200 hover:bg-gray-200 dark:hover:bg-gray-700',
         ]"
         @click="onChange(category.id)"
       >
@@ -32,4 +32,4 @@ const categories = [
       </button>
     </div>
   </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/src/.vitepress/theme/Home.vue b/src/.vitepress/theme/Home.vue
index f28ab03..8ffb82e 100644
--- a/src/.vitepress/theme/Home.vue
+++ b/src/.vitepress/theme/Home.vue
@@ -17,33 +17,36 @@ const activeCategory = ref('all')
 
 const filteredPosts = computed(() => {
   if (activeCategory.value === 'all') {
-    return posts;
+    return posts
   }
-  return posts.filter(post => post.category === activeCategory.value);
+  return posts.filter((post) => post.category === activeCategory.value)
 })
 
 // 从URL参数中恢复分类状态
 onMounted(() => {
-  const urlParams = new URLSearchParams(window.location.search);
-  const categoryParam = urlParams.get('category');
-  if (categoryParam && ['all', 'community-activity', 'developer-story', 'insights'].includes(categoryParam)) {
-    activeCategory.value = categoryParam;
+  const urlParams = new URLSearchParams(window.location.search)
+  const categoryParam = urlParams.get('category')
+  if (
+    categoryParam &&
+    ['all', 'community-activity', 'developer-story', 'insights'].includes(categoryParam)
+  ) {
+    activeCategory.value = categoryParam
   }
-});
+})
 
 // 修改分类切换函数，加入URL参数
 const changeCategory = (category) => {
-  activeCategory.value = category;
-  
+  activeCategory.value = category
+
   // 更新URL参数，不刷新页面
-  const url = new URL(window.location.href);
-  url.searchParams.set('category', category);
-  window.history.pushState({}, '', url);
-  
+  const url = new URL(window.location.href)
+  url.searchParams.set('category', category)
+  window.history.pushState({}, '', url)
+
   // 如果不在首页，跳转回首页
   if (route.path !== '/') {
-    router.go('/');
-  } 
+    router.go('/')
+  }
 }
 
 const pageIndex = computed(() => {
@@ -68,7 +71,7 @@ const postsInPage = computed(() => {
       <p class="text-lg leading-7 text-gray-500 dark:text-white">
         {{ frontmatter.subtext || site.description }}
       </p>
-      
+
       <!-- 添加分类选项组件 -->
       <BlogCategories :active-category="activeCategory" :on-change="changeCategory" />
     </div>
diff --git a/src/.vitepress/theme/loaders/posts.ts b/src/.vitepress/theme/loaders/posts.ts
index bc06a16..0ea636b 100644
--- a/src/.vitepress/theme/loaders/posts.ts
+++ b/src/.vitepress/theme/loaders/posts.ts
@@ -81,7 +81,7 @@ export default function createPostsLoader(getPostsPerPage: () => number) {
           excerpt,
           date: formatDate(frontmatter.date),
           pinned: frontmatter.pinned === true,
-          category: frontmatter.category || 'all', 
+          category: frontmatter.category || 'all',
         }))
         .sort((a, b) => {
           if (a.pinned && !b.pinned) {

From a0e57a2ea062be9f8b0108189ad52bd95a9c85fa Mon Sep 17 00:00:00 2001
From: zachary sun <sunzhongkai@baidu.com>
Date: Thu, 20 Mar 2025 20:50:59 +0800
Subject: [PATCH 3/6] fix url

---
 src/.vitepress/theme/Home.vue       | 30 +++++++++++++++++++----------
 src/.vitepress/theme/Pagination.vue | 20 ++++++++++++++++++-
 2 files changed, 39 insertions(+), 11 deletions(-)

diff --git a/src/.vitepress/theme/Home.vue b/src/.vitepress/theme/Home.vue
index 8ffb82e..ef38070 100644
--- a/src/.vitepress/theme/Home.vue
+++ b/src/.vitepress/theme/Home.vue
@@ -7,7 +7,7 @@ import Pagination from './Pagination.vue'
 import BlogCategories from './BlogCategories.vue'
 
 const route = useRoute()
-const router = useRouter() // 添加这一行，引入router
+const router = useRouter() 
 const { posts, postsPerPage, numPages } = postsData
 
 const { frontmatter, site } = useData()
@@ -34,18 +34,28 @@ onMounted(() => {
   }
 })
 
-// 修改分类切换函数，加入URL参数
+// 分类切换函数
 const changeCategory = (category) => {
   activeCategory.value = category
-
-  // 更新URL参数，不刷新页面
-  const url = new URL(window.location.href)
-  url.searchParams.set('category', category)
-  window.history.pushState({}, '', url)
-
-  // 如果不在首页，跳转回首页
+  
+  // 检查是否在首页
   if (route.path !== '/') {
-    router.go('/')
+    // 不在首页，需要导航到首页，并且首页的URL不带上all参数
+    if (category === 'all') {
+      router.go('/') 
+    } else {
+      router.go(`/?category=${category}`)
+    }
+  } else {
+    // 已经在首页，切换时需要更新URL参数，同时不刷新页面
+    let newUrl
+    if (category === 'all') {
+      newUrl = new URL('/', window.location.origin)
+    } else {
+      newUrl = new URL('/', window.location.origin)
+      newUrl.searchParams.set('category', category)
+    }
+    window.history.pushState({}, '', newUrl)
   }
 }
 
diff --git a/src/.vitepress/theme/Pagination.vue b/src/.vitepress/theme/Pagination.vue
index b2740c9..d597bc1 100644
--- a/src/.vitepress/theme/Pagination.vue
+++ b/src/.vitepress/theme/Pagination.vue
@@ -1,10 +1,28 @@
 <script setup lang="ts">
 import { withBase } from 'vitepress'
+import { useRoute } from 'vitepress'
+
+const route = useRoute()
 
 const { numPages, pageIndex } = defineProps<{
   numPages: number
   pageIndex: number
 }>()
+
+// 生成带分类参数的页面链接
+function getPageUrl(pageNum: number) {
+  // 从当前URL获取分类参数
+  const urlParams = new URLSearchParams(window.location.search)
+  const category = urlParams.get('category')
+  
+  // 基础URL
+  const basePath = pageNum === 1 ? '/index.html' : `/pages/${pageNum}.html`
+  
+  // 如果有分类且不是'all'，添加到URL
+  return category && category !== 'all' 
+    ? withBase(`${basePath}?category=${category}`)
+    : withBase(basePath)
+}
 </script>
 
 <template>
@@ -17,7 +35,7 @@ const { numPages, pageIndex } = defineProps<{
       }"
       v-for="i in numPages"
       :key="i"
-      :href="withBase(i === 1 ? '/index.html' : `/pages/${i}.html`)"
+      :href="getPageUrl(i)"
       >{{ i }}</a
     >
   </div>

From 7975b86292faff5e2ebd186e0fa9bf87cd2130d6 Mon Sep 17 00:00:00 2001
From: zachary sun <sunzhongkai@baidu.com>
Date: Thu, 20 Mar 2025 20:51:30 +0800
Subject: [PATCH 4/6] fix style

---
 src/.vitepress/theme/Home.vue       | 6 +++---
 src/.vitepress/theme/Pagination.vue | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/.vitepress/theme/Home.vue b/src/.vitepress/theme/Home.vue
index ef38070..62053d1 100644
--- a/src/.vitepress/theme/Home.vue
+++ b/src/.vitepress/theme/Home.vue
@@ -7,7 +7,7 @@ import Pagination from './Pagination.vue'
 import BlogCategories from './BlogCategories.vue'
 
 const route = useRoute()
-const router = useRouter() 
+const router = useRouter()
 const { posts, postsPerPage, numPages } = postsData
 
 const { frontmatter, site } = useData()
@@ -37,12 +37,12 @@ onMounted(() => {
 // 分类切换函数
 const changeCategory = (category) => {
   activeCategory.value = category
-  
+
   // 检查是否在首页
   if (route.path !== '/') {
     // 不在首页，需要导航到首页，并且首页的URL不带上all参数
     if (category === 'all') {
-      router.go('/') 
+      router.go('/')
     } else {
       router.go(`/?category=${category}`)
     }
diff --git a/src/.vitepress/theme/Pagination.vue b/src/.vitepress/theme/Pagination.vue
index d597bc1..b2f36a9 100644
--- a/src/.vitepress/theme/Pagination.vue
+++ b/src/.vitepress/theme/Pagination.vue
@@ -14,12 +14,12 @@ function getPageUrl(pageNum: number) {
   // 从当前URL获取分类参数
   const urlParams = new URLSearchParams(window.location.search)
   const category = urlParams.get('category')
-  
+
   // 基础URL
   const basePath = pageNum === 1 ? '/index.html' : `/pages/${pageNum}.html`
-  
+
   // 如果有分类且不是'all'，添加到URL
-  return category && category !== 'all' 
+  return category && category !== 'all'
     ? withBase(`${basePath}?category=${category}`)
     : withBase(basePath)
 }

From 258020f1f726bc5d4fa97242405df59b0aed3af6 Mon Sep 17 00:00:00 2001
From: zachary sun <sunzhongkai@baidu.com>
Date: Thu, 20 Mar 2025 21:50:49 +0800
Subject: [PATCH 5/6] fix window

---
 src/.vitepress/theme/Home.vue       | 48 ++++++++++++++++++-----------
 src/.vitepress/theme/Layout.vue     | 15 +++++++--
 src/.vitepress/theme/Pagination.vue | 29 ++++++++++++++---
 3 files changed, 66 insertions(+), 26 deletions(-)

diff --git a/src/.vitepress/theme/Home.vue b/src/.vitepress/theme/Home.vue
index 62053d1..62714be 100644
--- a/src/.vitepress/theme/Home.vue
+++ b/src/.vitepress/theme/Home.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, ref, onMounted } from 'vue'
-import { useData, useRoute, useRouter } from 'vitepress'
+import { useData, useRoute, useRouter, withBase } from 'vitepress'
 import { data as postsData } from './loaders/posts.data.js'
 import Date from './Date.vue'
 import Pagination from './Pagination.vue'
@@ -22,15 +22,18 @@ const filteredPosts = computed(() => {
   return posts.filter((post) => post.category === activeCategory.value)
 })
 
-// 从URL参数中恢复分类状态
+// 从URL参数中恢复分类状态 - 兼容SSR
 onMounted(() => {
-  const urlParams = new URLSearchParams(window.location.search)
-  const categoryParam = urlParams.get('category')
-  if (
-    categoryParam &&
-    ['all', 'community-activity', 'developer-story', 'insights'].includes(categoryParam)
-  ) {
-    activeCategory.value = categoryParam
+  // 仅在客户端环境中执行
+  if (typeof window !== 'undefined') {
+    const urlParams = new URLSearchParams(window.location.search)
+    const categoryParam = urlParams.get('category')
+    if (
+      categoryParam &&
+      ['all', 'community-activity', 'developer-story', 'insights'].includes(categoryParam)
+    ) {
+      activeCategory.value = categoryParam
+    }
   }
 })
 
@@ -38,24 +41,31 @@ onMounted(() => {
 const changeCategory = (category) => {
   activeCategory.value = category
 
+  // 仅在客户端环境执行URL操作
+  if (typeof window === 'undefined') return;
+
+  // 获取基础路径
+  const baseUrl = withBase('/')
+
   // 检查是否在首页
   if (route.path !== '/') {
-    // 不在首页，需要导航到首页，并且首页的URL不带上all参数
+    // 不在首页，需要导航到首页
     if (category === 'all') {
-      router.go('/')
+      // 修复：导航到纯首页，不带参数
+      router.go(baseUrl)
     } else {
-      router.go(`/?category=${category}`)
+      // 带分类参数导航到首页
+      router.go(`${baseUrl}?category=${category}`)
     }
   } else {
-    // 已经在首页，切换时需要更新URL参数，同时不刷新页面
-    let newUrl
+    // 已经在首页，只更新URL参数，不刷新页面
     if (category === 'all') {
-      newUrl = new URL('/', window.location.origin)
+      // 纯首页URL，不带参数
+      window.history.pushState({}, '', baseUrl)
     } else {
-      newUrl = new URL('/', window.location.origin)
-      newUrl.searchParams.set('category', category)
+      // 带分类参数的首页
+      window.history.pushState({}, '', `${baseUrl}?category=${category}`)
     }
-    window.history.pushState({}, '', newUrl)
   }
 }
 
@@ -68,6 +78,8 @@ const postsInPage = computed(() => {
   const end = start + postsPerPage
   return filteredPosts.value.slice(start, end)
 })
+
+// 注意：移除了自定义的 withBase 函数，因为我们直接从 vitepress 导入
 </script>
 
 <template>
diff --git a/src/.vitepress/theme/Layout.vue b/src/.vitepress/theme/Layout.vue
index 9fedbe5..468cf41 100644
--- a/src/.vitepress/theme/Layout.vue
+++ b/src/.vitepress/theme/Layout.vue
@@ -1,19 +1,28 @@
 <script setup lang="ts">
-import { useData } from 'vitepress'
+import { useData, withBase } from 'vitepress'
 import Home from './Home.vue'
 import Article from './Article.vue'
 import NotFound from './NotFound.vue'
 import About from './About.vue'
 
 const { page, frontmatter, site } = useData()
+
+// 添加一个函数来处理回到首页的点击事件
+function goToHomePage(event) {
+  // 仅在客户端环境执行
+  if (typeof window !== 'undefined') {
+    // 总是导航到不带任何参数的首页
+    window.location.href = withBase('/');
+    event.preventDefault();
+  }
+}
 </script>
 
 <template>
   <div class="antialiased dark:bg-neutral-900 min-h-screen">
     <div class="max-w-3xl mx-auto px-4 sm:px-6 xl:max-w-5xl xl:px-0">
       <nav class="flex justify-between items-center py-10 font-bold">
-        <a class="text-xl" href="/" :aria-label="site.title">
-          <!-- TODO(SigureMo): Update this logo -->
+        <a class="text-xl" :href="withBase('/')" :aria-label="site.title" @click="goToHomePage">
           <img class="inline-block mr-2" style="width: 120px" alt="logo" src="/logo.png" />
           <span v-if="!frontmatter.index" class="hidden md:inline dark:text-white">{{
             site.title
diff --git a/src/.vitepress/theme/Pagination.vue b/src/.vitepress/theme/Pagination.vue
index b2f36a9..efe9cc8 100644
--- a/src/.vitepress/theme/Pagination.vue
+++ b/src/.vitepress/theme/Pagination.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { withBase } from 'vitepress'
 import { useRoute } from 'vitepress'
+import { ref, onMounted, computed } from 'vue'
 
 const route = useRoute()
 
@@ -9,16 +10,34 @@ const { numPages, pageIndex } = defineProps<{
   pageIndex: number
 }>()
 
+// 保持分类状态的引用
+const currentCategory = ref(null)
+
+// 在客户端加载时获取当前分类
+onMounted(() => {
+  if (typeof window !== 'undefined') {
+    const urlParams = new URLSearchParams(window.location.search)
+    currentCategory.value = urlParams.get('category')
+  }
+})
+
+// 计算当前分类，同时在SSR和CSR下工作
+const categoryParam = computed(() => {
+  // 服务端渲染时使用路由参数
+  if (typeof window === 'undefined') {
+    return route.query.category || null
+  }
+  // 客户端渲染时使用状态变量
+  return currentCategory.value
+})
+
 // 生成带分类参数的页面链接
 function getPageUrl(pageNum: number) {
-  // 从当前URL获取分类参数
-  const urlParams = new URLSearchParams(window.location.search)
-  const category = urlParams.get('category')
-
   // 基础URL
   const basePath = pageNum === 1 ? '/index.html' : `/pages/${pageNum}.html`
-
+  
   // 如果有分类且不是'all'，添加到URL
+  const category = categoryParam.value
   return category && category !== 'all'
     ? withBase(`${basePath}?category=${category}`)
     : withBase(basePath)

From 3354ab693926285955b93239eab0616ef17f30ea Mon Sep 17 00:00:00 2001
From: zachary sun <sunzhongkai@baidu.com>
Date: Thu, 20 Mar 2025 21:51:10 +0800
Subject: [PATCH 6/6] fix style

---
 src/.vitepress/theme/Home.vue       | 2 +-
 src/.vitepress/theme/Layout.vue     | 4 ++--
 src/.vitepress/theme/Pagination.vue | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/.vitepress/theme/Home.vue b/src/.vitepress/theme/Home.vue
index 62714be..82a8dd5 100644
--- a/src/.vitepress/theme/Home.vue
+++ b/src/.vitepress/theme/Home.vue
@@ -42,7 +42,7 @@ const changeCategory = (category) => {
   activeCategory.value = category
 
   // 仅在客户端环境执行URL操作
-  if (typeof window === 'undefined') return;
+  if (typeof window === 'undefined') return
 
   // 获取基础路径
   const baseUrl = withBase('/')
diff --git a/src/.vitepress/theme/Layout.vue b/src/.vitepress/theme/Layout.vue
index 468cf41..fe73db0 100644
--- a/src/.vitepress/theme/Layout.vue
+++ b/src/.vitepress/theme/Layout.vue
@@ -12,8 +12,8 @@ function goToHomePage(event) {
   // 仅在客户端环境执行
   if (typeof window !== 'undefined') {
     // 总是导航到不带任何参数的首页
-    window.location.href = withBase('/');
-    event.preventDefault();
+    window.location.href = withBase('/')
+    event.preventDefault()
   }
 }
 </script>
diff --git a/src/.vitepress/theme/Pagination.vue b/src/.vitepress/theme/Pagination.vue
index efe9cc8..7fd3f5e 100644
--- a/src/.vitepress/theme/Pagination.vue
+++ b/src/.vitepress/theme/Pagination.vue
@@ -35,7 +35,7 @@ const categoryParam = computed(() => {
 function getPageUrl(pageNum: number) {
   // 基础URL
   const basePath = pageNum === 1 ? '/index.html' : `/pages/${pageNum}.html`
-  
+
   // 如果有分类且不是'all'，添加到URL
   const category = categoryParam.value
   return category && category !== 'all'