refactor(sidebar): 统一管理侧边栏图标常量

Author: Snailclimb

.gitignore

@@ -16,3 +16,4 @@ format-markdown.py
 .npmrc
 package-lock.json
 lintmd-config.json
+.claude/settings.local.json

docs/.vuepress/client.ts

@@ -14,15 +14,6 @@ export default defineUserConfig({
     // meta
     ["meta", { name: "robots", content: "all" }],
     ["meta", { name: "author", content: "Guide" }],
-    [
-      "meta",
-      {
-        "http-equiv": "Cache-Control",
-        content: "no-cache, no-store, must-revalidate",
-      },
-    ],
-    ["meta", { "http-equiv": "Pragma", content: "no-cache" }],
-    ["meta", { "http-equiv": "Expires", content: "0" }],
     [
       "meta",
       {
@@ -40,21 +31,38 @@ export default defineUserConfig({
       },
     ],
     ["meta", { name: "apple-mobile-web-app-capable", content: "yes" }],
-    // 添加百度统计
+    // 添加百度统计 - 异步加载避免阻塞渲染
     [
       "script",
-      {},
+      { defer: true },
       `var _hmt = _hmt || [];
         (function() {
           var hm = document.createElement("script");
           hm.src = "https://hm.baidu.com/hm.js?5dd2e8c97962d57b7b8fea1737c01743";
+          hm.async = true;
           var s = document.getElementsByTagName("script")[0]; 
           s.parentNode.insertBefore(hm, s);
         })();`,
     ],
   ],
 
-  bundler: viteBundler(),
+  bundler: viteBundler({
+    viteOptions: {
+      build: {
+        chunkSizeWarningLimit: 1000,
+        rollupOptions: {
+          output: {
+            manualChunks: {
+              // 将大型第三方库分离成单独的 chunk
+              vue: ["vue", "vue-router"],
+              // VuePress 相关
+              vuepress: ["vuepress"],
+            },
+          },
+        },
+      },
+    },
+  }),
 
   theme,
 

docs/.vuepress/components/LayoutToggle.vue

@@ -3,12 +3,7 @@ import { navbar } from "vuepress-theme-hope";
 export default navbar([
   { text: "面试指南", icon: "java", link: "/home.md" },
   { text: "开源项目", icon: "github", link: "/open-source-project/" },
-  { text: "技术书籍", icon: "book", link: "/books/" },
-  {
-    text: "程序人生",
-    icon: "article",
-    link: "/high-quality-technical-articles/",
-  },
+  { text: "实战项目", icon: "project", link: "/zhuanlan/interview-guide.md" },
   {
     text: "知识星球",
     icon: "planet",
@@ -18,18 +13,26 @@ export default navbar([
         icon: "about",
         link: "/about-the-author/zhishixingqiu-two-years.md",
       },
-      {
-        text: "星球专属优质专栏",
-        icon: "about",
-        link: "/zhuanlan/",
-      },
+      { text: "星球专属优质专栏", icon: "about", link: "/zhuanlan/" },
       {
         text: "星球优质主题汇总",
         icon: "star",
         link: "https://www.yuque.com/snailclimb/rpkqw1/ncxpnfmlng08wlf1",
       },
     ],
   },
+  {
+    text: "推荐阅读",
+    icon: "book",
+    children: [
+      { text: "技术书籍", icon: "book", link: "/books/" },
+      {
+        text: "程序人生",
+        icon: "code",
+        link: "/high-quality-technical-articles/",
+      },
+    ],
+  },
   {
     text: "网站相关",
     icon: "about",

docs/.vuepress/config.ts

@@ -1,9 +1,10 @@
 import { arraySidebar } from "vuepress-theme-hope";
+import { ICONS } from "./constants.js";
 
 export const aboutTheAuthor = arraySidebar([
   {
     text: "个人经历",
-    icon: "experience",
+    icon: ICONS.EXPERIENCE,
     collapsible: false,
     children: [
       "internet-addiction-teenager",
@@ -15,7 +16,7 @@ export const aboutTheAuthor = arraySidebar([
   },
   {
     text: "杂谈",
-    icon: "chat",
+    icon: ICONS.CHAT,
     collapsible: false,
     children: [
       "writing-technology-blog-six-years",

docs/.vuepress/navbar.ts

@@ -1,35 +1,36 @@
 import { arraySidebar } from "vuepress-theme-hope";
+import { ICONS } from "./constants.js";
 
 export const books = arraySidebar([
   {
     text: "计算机基础",
     link: "cs-basics",
-    icon: "computer",
+    icon: ICONS.COMPUTER,
   },
   {
     text: "数据库",
     link: "database",
-    icon: "database",
+    icon: ICONS.DATABASE,
   },
   {
     text: "搜索引擎",
     link: "search-engine",
-    icon: "search",
+    icon: ICONS.SEARCH,
   },
   {
     text: "Java",
     link: "java",
-    icon: "java",
+    icon: ICONS.JAVA,
   },
   {
     text: "软件质量",
     link: "software-quality",
-    icon: "highavailable",
+    icon: ICONS.HIGH_AVAILABLE,
   },
 
   {
     text: "分布式",
     link: "distributed-system",
-    icon: "distributed-network",
+    icon: ICONS.DISTRIBUTED,
   },
 ]);