feat: enhance homepage, add tsconfig, and improve comment/title display

Author: fonghehe

docs/.vitepress/theme/ArchiveYear.vue

@@ -5,7 +5,7 @@ import { useRoute, withBase } from "vitepress";
 
 const route = useRoute();
 
-// 从路由 /archive/2018/ 中提取年份
+// 从路由中提取年份，兼容 /archive/2018/ 和 /blog/archive/2018/
 const yearMatch = route.path.match(/\/archive\/(\d{4})\//);
 const year = yearMatch ? parseInt(yearMatch[1]) : null;
 
@@ -49,9 +49,10 @@ function formatDate(d: string) {
 
     <div class="months-list">
       <div
-        v-for="group in postsGroupedByMonth"
+        v-for="(group, index) in postsGroupedByMonth"
         :key="group.month"
         class="month-group"
+        :id="index === postsGroupedByMonth.length - 1 ? 'latest' : undefined"
       >
         <h3 class="month-title">
           {{ group.month }} 月 ({{ group.posts.length }} 篇)

docs/.vitepress/theme/ArticleTitle.vue

@@ -1,11 +1,20 @@
 <script setup lang="ts">
+import { computed } from "vue";
 import { useData } from "vitepress";
 
 const { frontmatter } = useData();
+
+// 用 computed 保证 SPA 导航时响应式更新
+const shouldShow = computed(
+  () =>
+    frontmatter.value.title &&
+    frontmatter.value.layout !== "home" &&
+    !frontmatter.value.hideTitle,
+);
 </script>
 
 <template>
-  <h1 v-if="frontmatter.title" class="article-h1">
+  <h1 v-if="shouldShow" class="article-h1">
     {{ frontmatter.title }}
   </h1>
 </template>

docs/.vitepress/theme/Giscus.vue

@@ -1,11 +1,20 @@
 <script setup lang="ts">
-import { onMounted, watch, ref } from "vue";
+import { onMounted, watch, ref, computed } from "vue";
 import { useData, useRoute } from "vitepress";
 
-const { isDark } = useData();
+const { isDark, frontmatter } = useData();
 const route = useRoute();
 const container = ref<HTMLElement>();
 
+// 首页、文章列表页、归档索引页不显示评论框
+const HIDE_COMMENT_PATHS = ["/blog/", "/blog/posts/", "/blog/archive/"];
+const shouldShow = computed(() => {
+  if (frontmatter.value.layout === "home") return false;
+  if (frontmatter.value.comment === false) return false;
+  if (HIDE_COMMENT_PATHS.includes(route.path)) return false;
+  return true;
+});
+
 const GISCUS_REPO = "fonghehe/blog";
 const GISCUS_REPO_ID = "MDEwOlJlcG9zaXRvcnkyMTUxOTg3MTQ=";
 const GISCUS_CATEGORY = "Announcements";
@@ -34,10 +43,18 @@ function loadGiscus() {
   container.value.appendChild(script);
 }
 
-onMounted(loadGiscus);
+onMounted(() => {
+  if (shouldShow.value) loadGiscus();
+});
 
 // 路由切换时重新加载（SPA 导航）
-watch(() => route.path, loadGiscus);
+watch(
+  () => route.path,
+  () => {
+    if (shouldShow.value) loadGiscus();
+    else if (container.value) container.value.innerHTML = "";
+  },
+);
 
 // 切换深色/浅色主题时同步通知 giscus iframe
 watch(isDark, (dark) => {
@@ -54,7 +71,7 @@ watch(isDark, (dark) => {
 </script>
 
 <template>
-  <div ref="container" class="giscus-wrapper" />
+  <div v-if="shouldShow" ref="container" class="giscus-wrapper" />
 </template>
 
 <style scoped>

docs/archive/2018/index.md

@@ -1,3 +1,7 @@
+---
+comment: false
+---
+
 # 2018 年文章归档
 
 <ArchiveYear />

docs/archive/2019/index.md

@@ -1,3 +1,7 @@
+---
+comment: false
+---
+
 # 2019 年文章归档
 
 <ArchiveYear />

docs/archive/2020/index.md

@@ -1,3 +1,7 @@
+---
+comment: false
+---
+
 # 2020 年文章归档
 
 <ArchiveYear />

docs/archive/2021/index.md

@@ -1,3 +1,7 @@
+---
+comment: false
+---
+
 # 2021 年文章归档
 
 <ArchiveYear />

docs/archive/2022/index.md

@@ -1,3 +1,7 @@
+---
+comment: false
+---
+
 # 2022 年文章归档
 
 <ArchiveYear />

docs/archive/2023/index.md

@@ -1,3 +1,7 @@
+---
+comment: false
+---
+
 # 2023 年文章归档
 
 <ArchiveYear />

docs/archive/2024/index.md

@@ -1,3 +1,7 @@
+---
+comment: false
+---
+
 # 2024 年文章归档
 
 <ArchiveYear />