diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index d4bd0bca..796a2456 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -1,5 +1,5 @@
 import { defineConfig } from 'vitepress'
-import generateSideBar from './scripts/generateSideBar'
+import { indexArticleSidebar } from './scripts/indexArticleSidebar'
 import { projects, works, notes, JUEJIN } from './const'
 
 export default defineConfig({
@@ -45,7 +45,7 @@ export default defineConfig({
       {
         text: '文章归档',
         collapsed: true,
-        items: [...generateSideBar()]
+        items: [...indexArticleSidebar()]
       },
       {
         text: '学习笔记',
@@ -66,7 +66,7 @@ export default defineConfig({
     },
     footer: {
       message: 'Released under the MIT License.',
-      copyright: 'Copyright © 2019-present Ziu Chen'
+      copyright: 'Copyright © 2022-PRESENT ZiuChen'
     },
     lastUpdatedText: 'Updated Date',
     search: {
diff --git a/docs/.vitepress/scripts/generateSideBar.ts b/docs/.vitepress/scripts/generateSideBar.ts
deleted file mode 100644
index 5d7082ce..00000000
--- a/docs/.vitepress/scripts/generateSideBar.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import fs from 'fs'
-import path from 'path'
-
-export default function generateSideBar() {
-  const articles = fs.readdirSync(path.resolve(__dirname, '../../article'))
-
-  const sidebar = articles
-    .filter((article) => article.endsWith('.md'))
-    .map((article) => {
-      // 移除后缀 `.md`
-      const title = article.replace(/\.md$/, '')
-      return {
-        text: title,
-        link: `/article/${title}`
-      }
-    })
-
-  return sidebar
-}
diff --git a/docs/.vitepress/scripts/indexArticleSidebar.ts b/docs/.vitepress/scripts/indexArticleSidebar.ts
new file mode 100644
index 00000000..d319dd30
--- /dev/null
+++ b/docs/.vitepress/scripts/indexArticleSidebar.ts
@@ -0,0 +1,16 @@
+import fs from 'fs'
+import path from 'path'
+
+/**
+ * 生成文章侧边栏
+ */
+export function indexArticleSidebar() {
+  const articles = fs.readdirSync(path.resolve(__dirname, '../../article'))
+
+  return articles
+    .filter((article) => article.endsWith('.md'))
+    .map((article) => ({
+      text: article.replace(/\.md$/, ''),
+      link: `/article/${article}`
+    }))
+}
diff --git a/docs/.vitepress/theme/customComponents.ts b/docs/.vitepress/theme/customComponents.ts
index a5ffe589..f63cbab2 100644
--- a/docs/.vitepress/theme/customComponents.ts
+++ b/docs/.vitepress/theme/customComponents.ts
@@ -9,6 +9,6 @@ export function customComponents(app: App) {
   const cpns = [Title, ImgSlider]
 
   for (const c of cpns) {
-    app.component(c.__name, c)
+    app.component(c.__name!, c)
   }
 }
diff --git a/docs/.vitepress/theme/refresh.tsx b/docs/.vitepress/theme/refresh.tsx
index eeca3638..e4fc8909 100644
--- a/docs/.vitepress/theme/refresh.tsx
+++ b/docs/.vitepress/theme/refresh.tsx
@@ -7,8 +7,8 @@ let lastHashmap: any = null
  * 如果有更新则弹出提醒刷新页面
  */
 export function refresh() {
-  // SSR or SSG 模式不需要检查更新
-  if (import.meta.env.SSR) {
+  // SSR or DEV 下不需要检查更新
+  if (import.meta.env.SSR || import.meta.env.DEV) {
     return
   }