docs: update banner background

Author: alvinluo-tech

astro.config.mjs

@@ -28,6 +28,10 @@ import { remarkReadingTime } from "./src/plugins/remark-reading-time.mjs";
 import mdx from "@astrojs/mdx";
 // https://astro.build/config
 export default defineConfig({
+	server: {
+		port: 5173,
+		host: true,
+	},
 	site: "https://alvinluo-tech.github.io",
 	trailingSlash: "always",
 	integrations: [

public/assets/images/desktop.webp

@@ -89,15 +89,15 @@ export const siteConfig: SiteConfig = {
     // 背景图片配置
     src: {
       // 桌面背景图片
-      desktop: "/assets/images/d1.webp",
+      desktop: "/assets/images/desktop.webp",
       // 移动背景图片
-      mobile: "/assets/images/m1.webp",
+      mobile: "/assets/images/mobile.webp",
     },
 
     // 图片位置
     // 支持所有CSS object-position值，如: 'top', 'center', 'bottom', 'left top', 'right bottom', '25% 75%', '10px 20px'..
     // 如果不知道怎么配置百分百之类的配置，推荐直接使用：'center'居中，'top'顶部居中，'bottom' 底部居中，'left'左侧居中，'right'右侧居中
-    position: "0% 20%",
+    position: "10% 20%",
 
     // Banner模式特有配置
     banner: {

public/assets/images/fat_face.jpg

@@ -636,7 +636,7 @@
     }
 
     .banner-subtitle {
-        font-size: 1.125rem !important;
+        font-size: 1.6rem !important;
         line-height: 1.4 !important;
     }