feat: 初始化博客并完成首篇博文和样式调整

docs/.vitepress/theme/index.ts

@@ -1,7 +1,7 @@
 import BlogTheme from '@sugarat/theme'
 
 // 自定义样式重载
-// import './style.scss'
+import './style.scss'
 
 // 自定义主题色
 // import './user-theme.css'

docs/.vitepress/theme/style.scss

@@ -1,13 +1,18 @@
 .VPHome {
   // 定义遮罩样式
   background: radial-gradient(ellipse,
-      rgba(var(--bg-gradient-home), 1) 0%,
-      rgba(var(--bg-gradient-home), 0) 150%);
+    rgba(var(--bg-gradient-home), 0.53) 0%,
+    rgba(var(--bg-gradient-home), 0) 2000%);
 
   // 自定义首页背景图
   &::before {
-    // 图片来源：https://zhuanlan.zhihu.com/p/54060187
-    background-image: url(./assets/bg.webp);
     background-size: cover;
+    // 默认是暗色模式的背景
+    background-image: url(/bg.webp);
   }
+}
+
+// 亮色模式下切换背景
+html:not(.dark) .VPHome::before {
+  background-image: url(/bgw.jpg);
 }