diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 7a728b1..f339463 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,39 +1,7 @@
 <template>
   <div class="home-page">
     <!-- 导航栏 -->
-    <div class="navbar">
-      <router-link to="/home" class="navbar-brand">PT Tracker</router-link>
-      <div class="navbar-nav">
-        <router-link to="/home" class="navbar-item">首页</router-link>
-        <router-link to="/torrents" class="navbar-item">种子</router-link>
-        <router-link to="/forum" class="navbar-item">论坛</router-link>
-        <el-dropdown @command="handleUserCommand">
-          <span class="navbar-user">
-            <el-avatar :size="32" :src="userAvatar">
-              {{ username.charAt(0).toUpperCase() }}
-            </el-avatar>
-            <span class="username">{{ username }}</span>
-            <el-icon><ArrowDown /></el-icon>
-          </span>
-          <template #dropdown>
-            <el-dropdown-menu>
-              <el-dropdown-item command="profile">
-                <el-icon><User /></el-icon>
-                个人资料
-              </el-dropdown-item>
-              <el-dropdown-item command="settings">
-                <el-icon><Setting /></el-icon>
-                设置
-              </el-dropdown-item>
-              <el-dropdown-item divided command="logout">
-                <el-icon><SwitchButton /></el-icon>
-                退出登录
-              </el-dropdown-item>
-            </el-dropdown-menu>
-          </template>
-        </el-dropdown>
-      </div>
-    </div>
+    <Navbar />
 
     <!-- 主内容区 -->
     <div class="main-content">
@@ -171,6 +139,7 @@
 </template>
 
 <script>
+import Navbar from '@/components/Navbar.vue'
 import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { useStore } from 'vuex'
@@ -202,7 +171,8 @@
     Star,
     Search,
     ChatDotRound,
-    CircleCheck
+    CircleCheck,
+    Navbar
   },
   setup() {
     const router = useRouter()
