feat:美化主题

docs/.vitepress/theme/index.ts

@@ -1,6 +1,7 @@
 import DefaultTheme from 'vitepress/theme'
 
 import '../theme/style.css'
+import './style/var.css'
 
 // 定义组件导入的类型
 interface ComponentModule {

docs/.vitepress/theme/style/var.css

@@ -0,0 +1,39 @@
+/* VPFeatures 页卡悬浮效果 */
+.VPFeatures .items .item {
+    transition: transform 0.3s;
+}
+
+.VPFeatures .items .item:hover {
+    transform: translateY(-5px);
+}
+
+.VPDoc h1 {
+    background: -webkit-linear-gradient(10deg, #3DC8F0 5%, #8036FA 15%);
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+:root {
+    --vp-home-hero-name-color: transparent;
+    --vp-home-hero-name-background: -webkit-linear-gradient(120deg,#bd34fe 30%,#41d1ff);
+    --vp-home-hero-image-background-image: linear-gradient(-45deg,#bd34fe 50%,#47caff 50%);
+    --vp-home-hero-image-filter: blur(44px)
+}
+
+@media (min-width: 640px) {
+    :root {
+        --vp-home-hero-image-filter:blur(56px)
+    }
+}
+
+@media (min-width: 960px) {
+    :root {
+        --vp-home-hero-image-filter:blur(68px)
+    }
+}
+
+.VPHero .VPImage {
+    filter: drop-shadow(-2px 4px 6px #0003);
+    padding: 18px;
+}

docs/DevOps/index.md

@@ -3,7 +3,7 @@ layout: doc
 title: DevOps
 ---
 
-# 📚 内容导航
+# 内容导航
 
 - [OpenObserve部署和使用](/DevOps/OpenObserve)
 - [Jenkins部署和使用](/DevOps/Jenkins)

docs/SpringBoot/index.md

@@ -3,7 +3,7 @@ layout: doc
 title: SpringBoot
 ---
 
-# 📚 内容导航
+# 内容导航
 
 - [Spring IOC简介](/SpringBoot/SpringIOC)
 - [SpringBoot启动流程](/SpringBoot/SpringBoot-Start-Process)

docs/Web-Backend/index.md

@@ -3,7 +3,7 @@ layout: doc
 title: Web后端
 ---
 
-# 📚 内容导航
+# 内容导航
 
 - [MySQL知识点](/Web-Backend/MySQL-Knowledge)
 - [Flyway简单使用](/Web-Backend/Flyway)