diff --git a/theme/src/client/components/Archives.vue b/theme/src/client/components/Blog/Archives.vue
similarity index 93%
rename from theme/src/client/components/Archives.vue
rename to theme/src/client/components/Blog/Archives.vue
index 3e142575..e39cfe6f 100644
--- a/theme/src/client/components/Archives.vue
+++ b/theme/src/client/components/Blog/Archives.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { useArchives, useBlogExtract } from '../composables/index.js'
-import IconArchive from './icons/IconArchive.vue'
+import { useArchives, useBlogExtract } from '../../composables/index.js'
+import IconArchive from '../icons/IconArchive.vue'
 import ShortPostList from './ShortPostList.vue'
 
 const { archives: archivesLink } = useBlogExtract()
diff --git a/theme/src/client/components/Blog.vue b/theme/src/client/components/Blog/Blog.vue
similarity index 93%
rename from theme/src/client/components/Blog.vue
rename to theme/src/client/components/Blog/Blog.vue
index a4f268eb..ae0193d4 100644
--- a/theme/src/client/components/Blog.vue
+++ b/theme/src/client/components/Blog/Blog.vue
@@ -1,11 +1,11 @@
 <script lang="ts" setup>
 import { usePageData } from 'vuepress/client'
-import type { PlumeThemePageData } from '../../shared/index.js'
-import { useThemeLocaleData } from '../composables/index.js'
+import type { PlumeThemePageData } from '../../../shared/index.js'
+import { useThemeLocaleData } from '../../composables/index.js'
+import PostList from './PostList.vue'
 import Archives from './Archives.vue'
 import BlogAside from './BlogAside.vue'
 import BlogExtract from './BlogExtract.vue'
-import PostList from './PostList.vue'
 import Tags from './Tags.vue'
 import BlogNav from './BlogNav.vue'
 
diff --git a/theme/src/client/components/BlogAside.vue b/theme/src/client/components/Blog/BlogAside.vue
similarity index 90%
rename from theme/src/client/components/BlogAside.vue
rename to theme/src/client/components/Blog/BlogAside.vue
index 232a686c..ae52491e 100644
--- a/theme/src/client/components/BlogAside.vue
+++ b/theme/src/client/components/Blog/BlogAside.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useThemeLocaleData } from '../composables/index.js'
+import { useThemeLocaleData } from '../../composables/index.js'
 import BlogNav from './BlogNav.vue'
 import BlogProfile from './BlogProfile.vue'
 
diff --git a/theme/src/client/components/BlogExtract.vue b/theme/src/client/components/Blog/BlogExtract.vue
similarity index 93%
rename from theme/src/client/components/BlogExtract.vue
rename to theme/src/client/components/Blog/BlogExtract.vue
index 0e1fbdba..76119208 100644
--- a/theme/src/client/components/BlogExtract.vue
+++ b/theme/src/client/components/Blog/BlogExtract.vue
@@ -2,12 +2,12 @@
 import { useScrollLock } from '@vueuse/core'
 import { computed, ref, watch } from 'vue'
 import { useRoute } from 'vuepress/client'
-import { useBlogExtract, useThemeLocaleData } from '../composables/index.js'
-import { inBrowser } from '../utils/index.js'
-import AutoLink from './AutoLink.vue'
-import IconArchive from './icons/IconArchive.vue'
-import IconBlogExt from './icons/IconBlogExt.vue'
-import IconTag from './icons/IconTag.vue'
+import { useBlogExtract, useThemeLocaleData } from '../../composables/index.js'
+import { inBrowser } from '../../utils/index.js'
+import AutoLink from '../AutoLink.vue'
+import IconArchive from '../icons/IconArchive.vue'
+import IconBlogExt from '../icons/IconBlogExt.vue'
+import IconTag from '../icons/IconTag.vue'
 
 const theme = useThemeLocaleData()
 const route = useRoute()
diff --git a/theme/src/client/components/BlogNav.vue b/theme/src/client/components/Blog/BlogNav.vue
similarity index 90%
rename from theme/src/client/components/BlogNav.vue
rename to theme/src/client/components/Blog/BlogNav.vue
index c963e62d..833d2c8a 100644
--- a/theme/src/client/components/BlogNav.vue
+++ b/theme/src/client/components/Blog/BlogNav.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
 import { useRoute } from 'vuepress/client'
-import { useBlogExtract } from '../composables/index.js'
-import AutoLink from './AutoLink.vue'
-import IconArchive from './icons/IconArchive.vue'
-import IconTag from './icons/IconTag.vue'
-import IconChevronRight from './icons/IconChevronRight.vue'
+import { useBlogExtract } from '../../composables/index.js'
+import AutoLink from '../AutoLink.vue'
+import IconArchive from '../icons/IconArchive.vue'
+import IconTag from '../icons/IconTag.vue'
+import IconChevronRight from '../icons/IconChevronRight.vue'
 
 const props = defineProps<{
   isLocal?: boolean
diff --git a/theme/src/client/components/BlogProfile.vue b/theme/src/client/components/Blog/BlogProfile.vue
similarity index 94%
rename from theme/src/client/components/BlogProfile.vue
rename to theme/src/client/components/Blog/BlogProfile.vue
index 9fc643fd..628a7067 100644
--- a/theme/src/client/components/BlogProfile.vue
+++ b/theme/src/client/components/Blog/BlogProfile.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { useThemeLocaleData } from '../composables/index.js'
+import { useThemeLocaleData } from '../../composables/index.js'
 
 const theme = useThemeLocaleData()
 const avatar = computed(() => theme.value.avatar)
diff --git a/theme/src/client/components/Pagination.vue b/theme/src/client/components/Blog/Pagination.vue
similarity index 97%
rename from theme/src/client/components/Pagination.vue
rename to theme/src/client/components/Blog/Pagination.vue
index abfaf642..fecbb5c3 100644
--- a/theme/src/client/components/Pagination.vue
+++ b/theme/src/client/components/Blog/Pagination.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { PlumeThemeBlog } from '../../shared/index.js'
+import type { PlumeThemeBlog } from '../../../shared/index.js'
 
 type NonFalseAndNullable<T> = T extends false | null | undefined ? never : T
 
diff --git a/theme/src/client/components/PostItem.vue b/theme/src/client/components/Blog/PostItem.vue
similarity index 92%
rename from theme/src/client/components/PostItem.vue
rename to theme/src/client/components/Blog/PostItem.vue
index 1978bc7c..ae329fbb 100644
--- a/theme/src/client/components/PostItem.vue
+++ b/theme/src/client/components/Blog/PostItem.vue
@@ -1,12 +1,12 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
-import type { PlumeThemeBlogPostItem } from '../../shared/index.js'
-import { useExtraBlogData } from '../composables/index.js'
-import AutoLink from './AutoLink.vue'
-import IconClock from './icons/IconClock.vue'
-import IconFolder from './icons/IconFolder.vue'
-import IconTag from './icons/IconTag.vue'
-import IconLock from './icons/IconLock.vue'
+import type { PlumeThemeBlogPostItem } from '../../../shared/index.js'
+import { useExtraBlogData } from '../../composables/index.js'
+import AutoLink from '../AutoLink.vue'
+import IconClock from '../icons/IconClock.vue'
+import IconFolder from '../icons/IconFolder.vue'
+import IconTag from '../icons/IconTag.vue'
+import IconLock from '../icons/IconLock.vue'
 
 const props = defineProps<{
   post: PlumeThemeBlogPostItem
diff --git a/theme/src/client/components/PostList.vue b/theme/src/client/components/Blog/PostList.vue
similarity index 92%
rename from theme/src/client/components/PostList.vue
rename to theme/src/client/components/Blog/PostList.vue
index d3b85fd3..7b4d8722 100644
--- a/theme/src/client/components/PostList.vue
+++ b/theme/src/client/components/Blog/PostList.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { usePostListControl } from '../composables/index.js'
+import { usePostListControl } from '../../composables/index.js'
 import PostItem from './PostItem.vue'
 import Pagination from './Pagination.vue'
 
diff --git a/theme/src/client/components/ShortPostList.vue b/theme/src/client/components/Blog/ShortPostList.vue
similarity index 96%
rename from theme/src/client/components/ShortPostList.vue
rename to theme/src/client/components/Blog/ShortPostList.vue
index 5c9b8ba5..94c696f0 100644
--- a/theme/src/client/components/ShortPostList.vue
+++ b/theme/src/client/components/Blog/ShortPostList.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import AutoLink from './AutoLink.vue'
+import AutoLink from '../AutoLink.vue'
 
 defineProps<{
   postList: {
diff --git a/theme/src/client/components/Tags.vue b/theme/src/client/components/Blog/Tags.vue
similarity index 96%
rename from theme/src/client/components/Tags.vue
rename to theme/src/client/components/Blog/Tags.vue
index fe7b66c3..eedc73d1 100644
--- a/theme/src/client/components/Tags.vue
+++ b/theme/src/client/components/Blog/Tags.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { useBlogExtract, useTags } from '../composables/index.js'
-import IconTag from './icons/IconTag.vue'
+import { useBlogExtract, useTags } from '../../composables/index.js'
+import IconTag from '../icons/IconTag.vue'
 import ShortPostList from './ShortPostList.vue'
 
 const { tags, currentTag, postList, handleTagClick } = useTags()
diff --git a/theme/src/client/layouts/Layout.vue b/theme/src/client/layouts/Layout.vue
index deb2d5c0..fceb4089 100644
--- a/theme/src/client/layouts/Layout.vue
+++ b/theme/src/client/layouts/Layout.vue
@@ -3,7 +3,7 @@ import { usePageData, useRoute } from 'vuepress/client'
 import { computed, provide, watch } from 'vue'
 import type { PlumeThemePageData } from '../../shared/index.js'
 import Backdrop from '../components/Backdrop.vue'
-import Blog from '../components/Blog.vue'
+import Blog from '../components/Blog/Blog.vue'
 import Friends from '../components/Friends.vue'
 import Home from '../components/Home.vue'
 import LayoutContent from '../components/LayoutContent.vue'