diff --git a/src/components/Header.vue b/src/components/common/Header.vue
similarity index 100%
rename from src/components/Header.vue
rename to src/components/common/Header.vue
diff --git a/src/components/HomeBookNewestRank.vue b/src/components/home/BookNewestRank.vue
similarity index 98%
rename from src/components/HomeBookNewestRank.vue
rename to src/components/home/BookNewestRank.vue
index 4f1e61e..b0bd1a6 100644
--- a/src/components/HomeBookNewestRank.vue
+++ b/src/components/home/BookNewestRank.vue
@@ -46,7 +46,7 @@
 import { reactive, toRefs, onMounted } from "vue";
 import { listNewestRankBooks } from "@/api/book";
 export default {
-  name: "HomeBookNewestRank",
+  name: "BookNewestRank",
   setup() {
     const state = reactive({
       books: [],
diff --git a/src/components/HomeBookUpdateRank.vue b/src/components/home/BookUpdateRank.vue
similarity index 99%
rename from src/components/HomeBookUpdateRank.vue
rename to src/components/home/BookUpdateRank.vue
index 2cea53d..19c5321 100644
--- a/src/components/HomeBookUpdateRank.vue
+++ b/src/components/home/BookUpdateRank.vue
@@ -86,7 +86,7 @@
 import { reactive, toRefs, onMounted } from "vue";
 import { listUpdateRankBooks } from "@/api/book";
 export default {
-  name: "HomeBookUpdateRank",
+  name: "BookUpdateRank",
   setup() {
     const state = reactive({
       booksRank: [],
diff --git a/src/components/HomeBookVisitRank.vue b/src/components/home/BookVisitRank.vue
similarity index 98%
rename from src/components/HomeBookVisitRank.vue
rename to src/components/home/BookVisitRank.vue
index ee80d0b..93e9171 100644
--- a/src/components/HomeBookVisitRank.vue
+++ b/src/components/home/BookVisitRank.vue
@@ -40,7 +40,7 @@
 import { reactive, toRefs, onMounted } from "vue";
 import { listVisitRankBooks } from "@/api/book";
 export default {
-  name: "HomeBookVisitRank",
+  name: "BookVisitRank",
   setup() {
     const state = reactive({
       books: [],
diff --git a/src/components/FriendLink.vue b/src/components/home/FriendLink.vue
similarity index 100%
rename from src/components/FriendLink.vue
rename to src/components/home/FriendLink.vue
diff --git a/src/components/LatestNews.vue b/src/components/home/LatestNews.vue
similarity index 100%
rename from src/components/LatestNews.vue
rename to src/components/home/LatestNews.vue
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 93e0726..1afc0a3 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -152,7 +152,7 @@
           </div>
         </div>
       </div>
-      <HomeBookVisitRank/>
+      <BookVisitRank/>
     </div>
     <div class="channelWrap channelPic cf">
       <div class="leftBox">
@@ -186,11 +186,11 @@
           </div>
         </div>
       </div>
-      <HomeBookNewestRank/>
+      <BookNewestRank/>
       
     </div>
 
-    <HomeBookUpdateRank/>
+    <BookUpdateRank/>
     
   </div>
   <FriendLink/>
@@ -222,21 +222,21 @@
 import { reactive, toRefs, onMounted } from "vue";
 import { listHomeBooks } from "@/api/home";
 import { ElMessage, ElLoading } from "element-plus";
-import Header from "@/components/Header";
-import LatestNews from "@/components/LatestNews"
-import FriendLink from "@/components/FriendLink"
-import HomeBookVisitRank from "@/components/HomeBookVisitRank"
-import HomeBookNewestRank from "@/components/HomeBookNewestRank"
-import HomeBookUpdateRank from "@/components/HomeBookUpdateRank"
+import Header from "@/components/common/Header";
+import LatestNews from "@/components/home/LatestNews"
+import FriendLink from "@/components/home/FriendLink"
+import BookVisitRank from "@/components/home/BookVisitRank"
+import BookNewestRank from "@/components/home/BookNewestRank"
+import BookUpdateRank from "@/components/home/BookUpdateRank"
 export default {
   name: "home",
   components: {
     Header,
     LatestNews,
     FriendLink,
-    HomeBookVisitRank,
-    HomeBookNewestRank,
-    HomeBookUpdateRank
+    BookVisitRank,
+    BookNewestRank,
+    BookUpdateRank
   },
   setup() {
     const state = reactive({