diff --git a/.vitepress/config.mts b/.vitepress/config.mts
deleted file mode 100644
index c3d0b31..0000000
--- a/.vitepress/config.mts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { defineConfig } from "vitepress";
-
-// https://vitepress.dev/reference/site-config
-export default defineConfig({
-  title: "sendevia 的小站",
-  titleTemplate: ":title - sendevia.page.vitpress",
-  description: "A VitePress Site",
-  lang: "zh_CN",
-  cleanUrls: true,
-  markdown: {
-    image: {
-      lazyLoading: true,
-    },
-  },
-});
diff --git a/.vitepress/theme/Layout.vue b/.vitepress/theme/Layout.vue
deleted file mode 100644
index 67bd325..0000000
--- a/.vitepress/theme/Layout.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<script setup lang="ts">
-import { useData } from "vitepress";
-import Sidebar from "./components/Sidebar.vue";
-const { site, page, frontmatter } = useData();
-</script>
-
-<template>
-  <div id="main-layout" spec="feed">
-    <Sidebar />
-    <div id="main-layout-content-flow">
-      <div id="main-layout-content-filler">
-        <div v-if="frontmatter.home">
-          <h1>{{ site.title }}</h1>
-          <p>{{ site.description }}</p>
-          <ul>
-            <li><a href="/markdown-examples.html">Markdown Examples</a></li>
-            <li><a href="/api-examples.html">API Examples</a></li>
-          </ul>
-        </div>
-        <div v-else-if="page.isNotFound">
-          <a href="/">Home</a>
-          <p>404!</p>
-        </div>
-        <div v-else>
-          <a href="/">Home</a>
-          <Content />
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
diff --git a/.vitepress/theme/index.ts b/.vitepress/theme/index.ts
index 705b97e..84a492e 100644
--- a/.vitepress/theme/index.ts
+++ b/.vitepress/theme/index.ts
@@ -1,5 +1,4 @@
-// https://vitepress.dev/guide/custom-theme
-import Layout from "./Layout.vue";
+import Layout from "./layouts/Default.vue";
 import type { Theme } from "vitepress";
 import "./styles/main.scss";
 
diff --git a/.vitepress/theme/layouts/Default.vue b/.vitepress/theme/layouts/Default.vue
new file mode 100644
index 0000000..5c62455
--- /dev/null
+++ b/.vitepress/theme/layouts/Default.vue
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { useGlobalData } from "../composables/useGlobalData";
+import AllPostsLayout from "./AllPosts.vue";
+import ArticleLayout from "./Article.vue";
+import Footer from "../components/Footer.vue";
+import NotFoundLayout from "./NotFound.vue";
+import SearchPostsLayout from "./SearchPosts.vue";
+import Sidebar from "../components/Sidebar.vue";
+const { site, page, frontmatter } = useGlobalData();
+</script>
+
+<template>
+  <div id="main-layout" spec="feed">
+    <Sidebar />
+    <div id="main-layout-content-flow">
+      <div id="main-layout-content-filler">
+        <div v-if="frontmatter.home">
+          <h1>{{ site.title }}</h1>
+          <p>{{ site.description }}</p>
+        </div>
+        <NotFoundLayout v-else-if="page.isNotFound" />
+        <AllPostsLayout v-else-if="frontmatter.layout === 'posts'" />
+        <SearchPostsLayout v-else-if="frontmatter.layout === 'search'" />
+        <ArticleLayout v-else />
+      </div>
+      <Footer />
+    </div>
+  </div>
+</template>