diff --git a/theme/src/client/components/Blog/VPPostItem.vue b/theme/src/client/components/Blog/VPPostItem.vue
index 72317201..14fbb9bf 100644
--- a/theme/src/client/components/Blog/VPPostItem.vue
+++ b/theme/src/client/components/Blog/VPPostItem.vue
@@ -3,6 +3,7 @@ import type { BlogPostCoverStyle, ThemeBlogPostItem } from '../../../shared/inde
 import VPLink from '@theme/VPLink.vue'
 import { useMediaQuery } from '@vueuse/core'
 import { computed } from 'vue'
+import { withBase } from 'vuepress/client'
 import { useData, useInternalLink, useTagColors } from '../../composables/index.js'
 
 const props = defineProps<{
@@ -88,13 +89,13 @@ const coverStyles = computed(() => {
 <template>
   <div
     class="vp-blog-post-item" data-allow-mismatch
-    :class="{ 'has-cover': props.post.cover, [coverLayout]: cover }"
+    :class="{ 'has-cover': post.cover, [coverLayout]: cover }"
   >
     <div
-      v-if="props.post.cover" class="post-cover" data-allow-mismatch
+      v-if="post.cover" class="post-cover" data-allow-mismatch
       :class="{ compact: coverCompact }" :style="coverStyles"
     >
-      <img :src="props.post.cover" :alt="post.title" loading="lazy">
+      <img :src="withBase(post.cover)" :alt="post.title" loading="lazy">
     </div>
     <div class="blog-post-item-content">
       <h3>