diff --git a/.vitepress/config.ts b/.vitepress/config.ts
index c08f4b0..41a0a58 100644
--- a/.vitepress/config.ts
+++ b/.vitepress/config.ts
@@ -42,6 +42,8 @@ export default defineConfigWithTheme<ThemeConfig>({
   ignoreDeadLinks: 'localhostLinks',
 
   themeConfig: {
+    logo: 'https://avatars.githubusercontent.com/u/41754841',
+
     taglines: [
       '<code>(() => &lt;bs moe/&gt;)()</code>',
       "<code>h('bs', { moe: true })</code>",
diff --git a/.vitepress/theme/Layout.vue b/.vitepress/theme/Layout.vue
index 39af384..2de361b 100644
--- a/.vitepress/theme/Layout.vue
+++ b/.vitepress/theme/Layout.vue
@@ -10,7 +10,7 @@
       </div>
     </template>
 
-    <template #doc-after>
+    <template #doc-after v-if="page.frontmatter.comment ?? true">
       <div class="VPDoc vp-doc">
         <h2 id="giscus">评论</h2>
       </div>
diff --git a/.vitepress/theme/custom.scss b/.vitepress/theme/custom.scss
index 66b5baa..61a2348 100644
--- a/.vitepress/theme/custom.scss
+++ b/.vitepress/theme/custom.scss
@@ -28,6 +28,11 @@ $custom-blocks: (
   --vp-c-brand-3: #1565c0;
 }
 
+// 移动端目录菜单
+.outline {
+  outline-color: var(--vp-c-divider);
+}
+
 @each $name, $color in $custom-blocks {
   :root {
     --vp-custom-block-#{$name}-border: #{$color};
@@ -61,6 +66,12 @@ $custom-blocks: (
   margin-top: 8px;
 }
 
+// 导航栏的 Logo
+img.VPImage.logo {
+  border-radius: 50%;
+}
+
+// 主页 Logo
 .VPHero .image-container {
   @media (min-width: 960px) {
     transform: none;
diff --git a/pages/about/index.md b/pages/about/index.md
index 8813c70..196663b 100644
--- a/pages/about/index.md
+++ b/pages/about/index.md
@@ -1,5 +1,4 @@
 ---
-title: 关于
 comment: true
 ---
 
diff --git a/pages/links/index.md b/pages/links/index.md
index 2c1e99e..25ceb32 100644
--- a/pages/links/index.md
+++ b/pages/links/index.md
@@ -1,5 +1,4 @@
 ---
-title: 友情链接
 comment: true
 
 links:
diff --git a/pages/posts/PostList.vue b/pages/posts/PostList.vue
index 329fbe5..0f31f7f 100644
--- a/pages/posts/PostList.vue
+++ b/pages/posts/PostList.vue
@@ -1,7 +1,8 @@
 <template>
-  <div class="my-4">
+  <div v-for="year in years" :key="year.year">
+    <h2 :id="year.year.toString()">{{ year.year }}</h2>
     <div
-      v-for="post in posts"
+      v-for="post in year.posts"
       :key="post.id"
       class="pa-4 not-last:border-b not-last:border-b-input not-last:border-b-solid"
     >
@@ -21,8 +22,19 @@
 
 <script lang="ts" setup>
 import { useData } from 'vitepress'
-import { data as posts } from '../../.vitepress/posts.data'
-// import { Badge } from '@/components/ui/badge'
+import { data as posts } from '@/.vitepress/posts.data'
+import type { Post } from '@/.vitepress/theme'
+
+const years: { year: number; posts: Post[] }[] = []
+for (const post of posts) {
+  const year = new Date(post.create).getFullYear()
+  let yearData = years.find((y) => y.year === year)
+  if (!yearData) {
+    yearData = { year, posts: [] }
+    years.push(yearData)
+  }
+  yearData.posts.push(post)
+}
 
 const { site } = useData()
 
diff --git a/pages/posts/index.md b/pages/posts/index.md
index ca8913a..0a79190 100644
--- a/pages/posts/index.md
+++ b/pages/posts/index.md
@@ -1,7 +1,9 @@
 ---
-layout: page
+comment: false
 ---
 
+# 文章
+
 <div class="mx-auto max-w-768px">
   <PostList />
 </div>