fix logo/banner

docs/.vuepress/config.js

@@ -13,7 +13,7 @@ module.exports = {
     ],
     sidebar: 'auto',
     sidebarDepth: 2,
-    logo: '/assets/img/Profile.jpg', // 确保这个文件存在
+    logo: '/img/Profile.jpg', // 简化路径
     author: {
       name: '0xDragon888',
       link: 'https://github.com/lvxuan149'
@@ -46,7 +46,7 @@ module.exports = {
         location: 3,
         text: '标签'
       }
-    }
+    },
   },
   plugins: [
     ['@vuepress/blog', {

docs/.vuepress/styles/index.styl

@@ -1,12 +1,34 @@
 // 自定义样式
 .navbar
   .logo
-    height 2.2rem
-    min-width 2.2rem
-    margin-right 0.8rem
-    vertical-align top
+    height 2.8rem
+    min-width 2.8rem
+    max-width 3rem
+    margin-right 1rem
+    vertical-align middle
+    border-radius 50%
+    object-fit cover
 
 .home-wrapper
   .banner
-    padding 2rem 0
-    background-color #f8f9fa
+    padding 4rem 2rem
+    background-image linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/img/banner.jpg')
+    background-size cover
+    background-position center
+    background-repeat no-repeat
+    min-height 300px
+    max-height 500px
+    height 40vh
+    display flex
+    align-items center
+    justify-content center
+    position relative
+
+    @media (max-width: 719px)
+      padding 3rem 1rem
+      min-height 250px
+      height 30vh
+
+    @media (min-width: 1200px)
+      height 50vh
+      max-height 600px