diff --git a/docs/.vuepress/theme/components/CategoryCard/index.less b/docs/.vuepress/theme/components/CategoryCard/index.less
index 669f637..c15684d 100644
--- a/docs/.vuepress/theme/components/CategoryCard/index.less
+++ b/docs/.vuepress/theme/components/CategoryCard/index.less
@@ -2,7 +2,7 @@
 .test {
   padding: 20px;
   width: 300px;
-  height: 300px;
+  min-height: 300px;
   background-color: @backgroundColor6;
   border-radius: 0 0 20px 20px;
   box-shadow: 0 2px 12px 0 @blackColor;
diff --git a/docs/.vuepress/theme/index.js b/docs/.vuepress/theme/index.js
index 63414a7..0981896 100644
--- a/docs/.vuepress/theme/index.js
+++ b/docs/.vuepress/theme/index.js
@@ -1,6 +1,6 @@
-// pro
+// pro 开发
 const { themeConfig } = require("../../docs/.vuepress/config.js");
-// dev
+// dev 开发
 // const { themeConfig } = require("../../.vuepress/config.js");
 module.exports = {
   plugins: [
diff --git a/docs/.vuepress/theme/layouts/Timeline.vue b/docs/.vuepress/theme/layouts/Timeline.vue
index a589515..7ee3213 100644
--- a/docs/.vuepress/theme/layouts/Timeline.vue
+++ b/docs/.vuepress/theme/layouts/Timeline.vue
@@ -57,7 +57,7 @@
               </div>
               <div class="meta-icon animated zoomIn">
                 <div class="inner">
-                  <i>{{$themeConfig.logo || 'L'}}</i>
+                  <i>{{ $themeConfig.logo || "L" }}</i>
                 </div>
               </div>
             </div>
@@ -65,7 +65,7 @@
         </section>
       </div>
       <div class="right">
-        <category-card />
+        <label-card />
         <info-card />
       </div>
     </div>
@@ -76,7 +76,7 @@
 <script>
 import MyHeader from "@theme/components/Navbar";
 import MyFooter from "@theme/components/Footer";
-import CategoryCard from "@theme/components/CategoryCard";
+import LabelCard from "@theme/components/LabelCard";
 import InfoCard from "@theme/components/InfoCard";
 import { sortBlog } from "../utils/index.js";
 export default {
@@ -103,7 +103,7 @@ export default {
   components: {
     MyHeader,
     MyFooter,
-    CategoryCard,
+    LabelCard,
     InfoCard,
   },
 };
diff --git "a/docs/blogs/CSS/0.5px\350\276\271\346\241\206 copy.md" "b/docs/blogs/CSS/0.5px\350\276\271\346\241\206 copy.md"
index 7aa7409..37c03d3 100644
--- "a/docs/blogs/CSS/0.5px\350\276\271\346\241\206 copy.md"	
+++ "b/docs/blogs/CSS/0.5px\350\276\271\346\241\206 copy.md"	
@@ -1,9 +1,9 @@
 ---
 title: 0.5px边框
-category: css
+category: css4
 desc: 如何通过CSS画0.5px边框
 tag:
-  - css
+  - css4
 picture: https://libra321.oss-cn-huhehaote.aliyuncs.com/blog/0.5px%E8%BE%B9%E6%A1%86.png
 date: "2020-11-17"
 ---
diff --git "a/docs/blogs/CSS/0.5px\350\276\271\346\241\206.md" "b/docs/blogs/CSS/0.5px\350\276\271\346\241\206.md"
index 7aa7409..d7b35e0 100644
--- "a/docs/blogs/CSS/0.5px\350\276\271\346\241\206.md"
+++ "b/docs/blogs/CSS/0.5px\350\276\271\346\241\206.md"
@@ -1,9 +1,9 @@
 ---
 title: 0.5px边框
-category: css
+category: css5
 desc: 如何通过CSS画0.5px边框
 tag:
-  - css
+  - css5
 picture: https://libra321.oss-cn-huhehaote.aliyuncs.com/blog/0.5px%E8%BE%B9%E6%A1%86.png
 date: "2020-11-17"
 ---
diff --git "a/docs/blogs/CSS/CSS\344\270\211\346\240\217\345\270\203\345\261\200 copy.md" "b/docs/blogs/CSS/CSS\344\270\211\346\240\217\345\270\203\345\261\200 copy.md"
index 64ac1cf..94b30b8 100644
--- "a/docs/blogs/CSS/CSS\344\270\211\346\240\217\345\270\203\345\261\200 copy.md"	
+++ "b/docs/blogs/CSS/CSS\344\270\211\346\240\217\345\270\203\345\261\200 copy.md"	
@@ -1,9 +1,9 @@
 ---
 title: CSS三栏布局
-category: css
+category: css6
 desc: 最简单、最全面的CSS三栏布局
 tag:
-  - css
+  - css6
 picture: https://libra321.oss-cn-huhehaote.aliyuncs.com/blog/34C75FB4-EF1A-4D2F-937A-4B6A66F231D5.png
 date: "2020-11-12"
 ---
diff --git "a/docs/blogs/CSS/CSS\344\270\211\346\240\217\345\270\203\345\261\200.md" "b/docs/blogs/CSS/CSS\344\270\211\346\240\217\345\270\203\345\261\200.md"
index 64ac1cf..84a60c8 100644
--- "a/docs/blogs/CSS/CSS\344\270\211\346\240\217\345\270\203\345\261\200.md"
+++ "b/docs/blogs/CSS/CSS\344\270\211\346\240\217\345\270\203\345\261\200.md"
@@ -1,9 +1,9 @@
 ---
 title: CSS三栏布局
-category: css
+category: css7
 desc: 最简单、最全面的CSS三栏布局
 tag:
-  - css
+  - css7
 picture: https://libra321.oss-cn-huhehaote.aliyuncs.com/blog/34C75FB4-EF1A-4D2F-937A-4B6A66F231D5.png
 date: "2020-11-12"
 ---
diff --git "a/docs/blogs/CSS/CSS\344\270\244\346\240\217\345\270\203\345\261\200 copy.md" "b/docs/blogs/CSS/CSS\344\270\244\346\240\217\345\270\203\345\261\200 copy.md"
index 9c00865..359f430 100644
--- "a/docs/blogs/CSS/CSS\344\270\244\346\240\217\345\270\203\345\261\200 copy.md"	
+++ "b/docs/blogs/CSS/CSS\344\270\244\346\240\217\345\270\203\345\261\200 copy.md"	
@@ -1,9 +1,9 @@
 ---
 title: CSS两栏布局
-category: css
+category: css8
 desc: 最简单、最全面的CSS两栏布局
 tag:
-  - css
+  - css8
 picture: https://libra321.oss-cn-huhehaote.aliyuncs.com/blog/AF4A1FEB-0F0C-447D-8905-306FABA94833.png
 date: "2020-11-12"
 ---
diff --git "a/docs/blogs/CSS/CSS\344\270\244\346\240\217\345\270\203\345\261\200.md" "b/docs/blogs/CSS/CSS\344\270\244\346\240\217\345\270\203\345\261\200.md"
index 9c00865..1eaa2f4 100644
--- "a/docs/blogs/CSS/CSS\344\270\244\346\240\217\345\270\203\345\261\200.md"
+++ "b/docs/blogs/CSS/CSS\344\270\244\346\240\217\345\270\203\345\261\200.md"
@@ -1,9 +1,9 @@
 ---
 title: CSS两栏布局
-category: css
+category: css9css9
 desc: 最简单、最全面的CSS两栏布局
 tag:
-  - css
+  - css9css9
 picture: https://libra321.oss-cn-huhehaote.aliyuncs.com/blog/AF4A1FEB-0F0C-447D-8905-306FABA94833.png
 date: "2020-11-12"
 ---
diff --git "a/docs/blogs/CSS/CSS\345\212\250\347\224\273 copy.md" "b/docs/blogs/CSS/CSS\345\212\250\347\224\273 copy.md"
index d0bc97f..ae03904 100644
--- "a/docs/blogs/CSS/CSS\345\212\250\347\224\273 copy.md"	
+++ "b/docs/blogs/CSS/CSS\345\212\250\347\224\273 copy.md"	
@@ -1,9 +1,9 @@
 ---
 title: CSS动画
-category: css
+category: css10css10
 desc: CSS动画详解
 tag:
-  - css
+  - css10css10
 picture: https://libra321.oss-cn-huhehaote.aliyuncs.com/blog/CSS%E5%8A%A8%E7%94%BB.png
 date: "2020-11-24"
 ---
diff --git "a/docs/blogs/CSS/CSS\345\212\250\347\224\273.md" "b/docs/blogs/CSS/CSS\345\212\250\347\224\273.md"
index d0bc97f..144d26c 100644
--- "a/docs/blogs/CSS/CSS\345\212\250\347\224\273.md"
+++ "b/docs/blogs/CSS/CSS\345\212\250\347\224\273.md"
@@ -1,9 +1,9 @@
 ---
 title: CSS动画
-category: css
+category: csssdljfslf
 desc: CSS动画详解
 tag:
-  - css
+  - cssskdjfskdfjsld
 picture: https://libra321.oss-cn-huhehaote.aliyuncs.com/blog/CSS%E5%8A%A8%E7%94%BB.png
 date: "2020-11-24"
 ---
diff --git "a/docs/blogs/CSS/CSS\347\224\273\345\233\276\345\275\242 copy.md" "b/docs/blogs/CSS/CSS\347\224\273\345\233\276\345\275\242 copy.md"
index 77a4b48..478897d 100644
--- "a/docs/blogs/CSS/CSS\347\224\273\345\233\276\345\275\242 copy.md"	
+++ "b/docs/blogs/CSS/CSS\347\224\273\345\233\276\345\275\242 copy.md"	
@@ -1,9 +1,9 @@
 ---
 title: CSS画图形
-category: css
+category: cssskdfsljdf
 desc: CSS画图形
 tag:
-  - css
+  - cssskfsdlfjslf
 picture: https://libra321.oss-cn-huhehaote.aliyuncs.com/blog/CSS%E7%94%BB%E5%9B%BE%E5%BD%A2.png
 date: "2020-11-27"
 ---
diff --git "a/docs/blogs/CSS/CSS\347\224\273\345\233\276\345\275\242.md" "b/docs/blogs/CSS/CSS\347\224\273\345\233\276\345\275\242.md"
index 77a4b48..735ef00 100644
--- "a/docs/blogs/CSS/CSS\347\224\273\345\233\276\345\275\242.md"
+++ "b/docs/blogs/CSS/CSS\347\224\273\345\233\276\345\275\242.md"
@@ -1,9 +1,9 @@
 ---
 title: CSS画图形
-category: css
+category: cssdsfjsldfjsldf
 desc: CSS画图形
 tag:
-  - css
+  - csssdfkjsdljfsldjf
 picture: https://libra321.oss-cn-huhehaote.aliyuncs.com/blog/CSS%E7%94%BB%E5%9B%BE%E5%BD%A2.png
 date: "2020-11-27"
 ---