diff --git a/src/components/uh-post-card/uh-post-card.vue b/src/components/uh-post-card/uh-post-card.vue
index bd01209..32bee30 100644
--- a/src/components/uh-post-card/uh-post-card.vue
+++ b/src/components/uh-post-card/uh-post-card.vue
@@ -93,20 +93,26 @@ const textFooterClass = computed(() => {
   }
   return 'gap-x-2'
 })
+
+function handleToPostDetail() {
+  uni.navigateTo({
+    url: `/pages-blog/post-detail/post-detail?metadataName=${props.post.metadata.name}`,
+  })
+}
 </script>
 
 <template>
   <view v-if="post" class="uh-shadow-xs box-border w-full flex justify-center overflow-hidden rounded-2xl bg-white p-4" :class="wrapClass">
-    <view class="shrink-0 overflow-hidden rounded-lg" :class="coverClass">
+    <view class="shrink-0 overflow-hidden rounded-lg" :class="coverClass" @click="handleToPostDetail">
       <image :src="completeUrl(post.spec.cover)" mode="aspectFill" class="h-full w-full" />
       <view v-if="props.type === 'rightCover'" class="absolute bottom-0 left-0 top-0 z-10 h-full w-full from-white/0 via-white/10 to-white bg-gradient-to-l" />
     </view>
     <view class="box-border flex-1" :class="textWrapClass">
       <view class="h-full flex flex-1 flex-col justify-between" :class="textContainerClass">
-        <view class="line-clamp-1 text-sm text-gray-900 font-bold">
+        <view class="line-clamp-1 text-sm text-gray-900 font-bold" @click="handleToPostDetail">
           {{ post.spec.title }}
         </view>
-        <view class="line-clamp-2 text-xs text-gray-500">
+        <view class="line-clamp-2 text-xs text-gray-500" @click="handleToPostDetail">
           {{ post.status.excerpt }}
         </view>
         <view class="w-full flex items-center" :class="textFooterClass">
diff --git a/src/pages/home/home.vue b/src/pages/home/home.vue
index 2ffe0c8..72c9413 100644
--- a/src/pages/home/home.vue
+++ b/src/pages/home/home.vue
@@ -168,8 +168,8 @@ onPageScroll(() => { })
     </view>
 
     <!-- 作者卡片 -->
-    <view class="relative z-10 box-border px-4 -mt-12">
-      <profile-card @click="showPostCardModeSelector = !showPostCardModeSelector" />
+    <view class="relative z-10 box-border px-4 -mt-12" @click="showPostCardModeSelector = !showPostCardModeSelector">
+      <profile-card />
     </view>
 
     <!-- 测试 -->
@@ -233,7 +233,7 @@ onPageScroll(() => { })
         <text class="text-sm text-gray-900 font-bold">最新笔记</text>
       </view>
       <view class="box-border w-full flex flex-col items-center justify-center gap-y-4 overflow-hidden">
-        <view v-if="error && postList.length > 0" class="un-shadow-xs w-full rounded-2xl bg-white py-12">
+        <view v-if="error && postList.length > 0" class="un-shadow-xs box-border w-full rounded-2xl bg-white py-12">
           <wd-empty :icon-size="60" icon="no-result" tip="暂无数据" />
         </view>
         <template v-else>