diff --git a/docs/.vitepress/theme/components/ArticleMetadata.vue b/docs/.vitepress/theme/components/ArticleMetadata.vue
index b6a15ac29..645cc2882 100644
--- a/docs/.vitepress/theme/components/ArticleMetadata.vue
+++ b/docs/.vitepress/theme/components/ArticleMetadata.vue
@@ -18,7 +18,7 @@
       <span class="meta-icon pv">
         <svg role="img" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><title>阅读数</title><path d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3-7.7 16.2-7.7 35.2 0 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766z"></path><path d="M508 336c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176z m0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"></path></svg>
       </span>
-      <span class="meta-content" v-text="viewCount"></span>
+      <span class="meta-content" v-text="viewCount" :title="viewCount"></span>
     </div>
     <div class="meta-item" v-if="showCategory">
       <span class="meta-icon category">
diff --git a/docs/categories/fragments/2019/12/28/个人SQL优化技巧.md b/docs/categories/fragments/2019/12/28/个人SQL优化技巧.md
index d6c25aae5..464eac385 100644
--- a/docs/categories/fragments/2019/12/28/个人SQL优化技巧.md
+++ b/docs/categories/fragments/2019/12/28/个人SQL优化技巧.md
@@ -36,7 +36,7 @@ SELECT * FROM `sys_user` WHERE `email` = 'charles7c@126.com' LIMIT 1;
 ```
 :::
 
-### 避免隐式类型转换 <Badge text="强制" type="error" />
+### 避免隐式类型转换 <Badge text="强制" type="danger" />
 
 我们在使用 MySQL 时，或多或少都感受过 MySQL 的隐式类型转换。例如：user_id 是整数类型，但是依然可以使用字符串类型数据来进行判断。MySQL 帮你做完这种隐式类型转换是有代价的，什么代价呢？ **索引不再生效了而已** 。
 
diff --git a/docs/public/screenshot/侧边栏置顶分组.png b/docs/public/screenshot/侧边栏置顶分组.png
index a112bc5e1..f69ba35a1 100644
Binary files a/docs/public/screenshot/侧边栏置顶分组.png and b/docs/public/screenshot/侧边栏置顶分组.png differ
diff --git a/package.json b/package.json
index 42af9c2ab..0e5aa5ac9 100644
--- a/package.json
+++ b/package.json
@@ -2,8 +2,8 @@
   "private": true,
   "scripts": {
     "dev": "node collect-article-data.mjs && vitepress dev docs",
-    "build": "node collect-article-data.mjs && vitepress build docs",
-    "serve": "vitepress serve docs"
+    "preview": "node collect-article-data.mjs && vitepress preview docs",
+    "build": "node collect-article-data.mjs && vitepress build docs"
   },
   "devDependencies": {
     "@arco-design/web-vue": "^2.38.3",
@@ -12,7 +12,7 @@
     "mermaid": "9.1.7",
     "unplugin-vue-components": "^0.22.9",
     "vite": "^3.2.3",
-    "vitepress": "1.0.0-alpha.29",
+    "vitepress": "1.0.0-alpha.30",
     "vitepress-plugin-mermaid": "^2.0.8",
     "vitepress-plugin-search": "1.0.4-alpha.15",
     "vue": "^3.2.45"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6c1522182..e1cbfe6f1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15,7 +15,7 @@ specifiers:
   mermaid: 9.1.7
   unplugin-vue-components: ^0.22.9
   vite: ^3.2.3
-  vitepress: 1.0.0-alpha.29
+  vitepress: 1.0.0-alpha.30
   vitepress-plugin-mermaid: ^2.0.8
   vitepress-plugin-search: 1.0.4-alpha.15
   vue: ^3.2.45
@@ -37,9 +37,9 @@ devDependencies:
   mermaid: 9.1.7
   unplugin-vue-components: 0.22.9_vue@3.2.45
   vite: 3.2.3
-  vitepress: 1.0.0-alpha.29
-  vitepress-plugin-mermaid: 2.0.8_fqt6sh5gfytk5vkeupkyaq4tpa
-  vitepress-plugin-search: 1.0.4-alpha.15_dhiryhpvsjvf4rbjoue6egrkoy
+  vitepress: 1.0.0-alpha.30
+  vitepress-plugin-mermaid: 2.0.8_55tnjwsn52ddxflscbtap2kghq
+  vitepress-plugin-search: 1.0.4-alpha.15_6ukiivkfea2mllr6zztif65owm
   vue: 3.2.45
 
 packages:
@@ -2808,7 +2808,7 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vitepress-plugin-mermaid/2.0.8_fqt6sh5gfytk5vkeupkyaq4tpa:
+  /vitepress-plugin-mermaid/2.0.8_55tnjwsn52ddxflscbtap2kghq:
     resolution: {integrity: sha512-ywWxTeg9kMv7ZPf/igCBF4ZHhWZAyRtbPnA12ICQuNK2AMp7r5IHOfnuX1EJQf8gNdsh8bcvvSvm8Ll92fdOTw==}
     peerDependencies:
       mermaid: ^8.0.0 || ^9.0.0
@@ -2816,10 +2816,10 @@ packages:
       vitepress: ^0.21.6 || ^1.0.0 || ^1.0.0-alpha
     dependencies:
       mermaid: 9.1.7
-      vitepress: 1.0.0-alpha.29
+      vitepress: 1.0.0-alpha.30
     dev: true
 
-  /vitepress-plugin-search/1.0.4-alpha.15_dhiryhpvsjvf4rbjoue6egrkoy:
+  /vitepress-plugin-search/1.0.4-alpha.15_6ukiivkfea2mllr6zztif65owm:
     resolution: {integrity: sha512-Ef/VkhTVYlECVI0H9Ck6745UNPfYFppAqnlxVSMJXdxP2vjOZ5TYNczlTTQ2p9dh16MFw/IurbL1/GrG4nXdNw==}
     engines: {node: ^14.13.1 || ^16.7.0 || >=18}
     peerDependencies:
@@ -2833,12 +2833,12 @@ packages:
       flexsearch: 0.7.31
       markdown-it: 13.0.1
       vite: 3.2.3
-      vitepress: 1.0.0-alpha.29
+      vitepress: 1.0.0-alpha.30
       vue: 3.2.45
     dev: true
 
-  /vitepress/1.0.0-alpha.29:
-    resolution: {integrity: sha512-oaRaeMLcN9M3Bxz97fFVF6Gzm3Aqtb0CijTt5TOW0XPzNPuKA0YpFnsmS97gdKmA+VztM6itRJ8K7JJuU0VS3g==}
+  /vitepress/1.0.0-alpha.30:
+    resolution: {integrity: sha512-CjIqKkGAuvoP2IWBFIbYWyiMSHSGYvjPy7eDkdftawguv5a8w4AjM95VV4Lhyacev4AFcgK23FViibRluBMePw==}
     hasBin: true
     dependencies:
       '@docsearch/css': 3.3.0