fix: use withBase() for all internal links to support /blog/ base path

Author: fonghehe

docs/.vitepress/theme/ArchiveYear.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { data as allPosts } from "../../posts.data";
 import { computed } from "vue";
-import { useRoute } from "vitepress";
+import { useRoute, withBase } from "vitepress";
 
 const route = useRoute();
 
@@ -59,20 +59,20 @@ function formatDate(d: string) {
         <ul class="posts-in-month">
           <li v-for="post in group.posts" :key="post.url" class="post-item">
             <time class="post-date">{{ formatDate(post.date) }}</time>
-            <a :href="post.url" class="post-title">{{ post.title }}</a>
+            <a :href="withBase(post.url)" class="post-title">{{ post.title }}</a>
           </li>
         </ul>
       </div>
     </div>
 
     <div class="archive-nav">
-      <a href="/archive/" class="nav-link">← 返回归档</a>
-      <a href="/posts/" class="nav-link">查看所有文章 →</a>
+      <a :href="withBase('/archive/')" class="nav-link">← 返回归档</a>
+      <a :href="withBase('/posts/')" class="nav-link">查看所有文章 →</a>
     </div>
   </div>
   <div v-else class="no-posts">
     <p>{{ year ? `${year} 年没有文章` : "获取年份失败" }}</p>
-    <a href="/archive/">返回归档 →</a>
+    <a :href="withBase('/archive/')">返回归档 →</a>
   </div>
 </template>
 

docs/.vitepress/theme/PostList.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { data as allPosts } from "../../posts.data";
 import { ref, computed, watch } from "vue";
+import { withBase } from "vitepress";
 
 interface Category {
   id: string;
@@ -195,7 +196,7 @@ const archiveLinks = (() => {
     const maxMonth = y === 2025 ? 12 : 12;
     const months = Array.from({ length: maxMonth }, (_, i) => ({
       label: `${i + 1}月`,
-      path: `/archive/${y}/${String(i + 1).padStart(2, "0")}/`,
+      path: withBase(`/archive/${y}/${String(i + 1).padStart(2, "0")}/`),
     }));
     result.push({ year: String(y), months });
   }
@@ -265,7 +266,7 @@ const archiveLinks = (() => {
     <ul class="article-list">
       <li v-for="post in pagedPosts" :key="post.url" class="article-item">
         <time class="article-date">{{ formatDate(post.date) }}</time>
-        <a :href="post.url" class="article-title">{{ post.title }}</a>
+        <a :href="withBase(post.url)" class="article-title">{{ post.title }}</a>
       </li>
       <li v-if="pagedPosts.length === 0" class="no-results">
         没有找到匹配的文章