feat: 更新背景图片配置

_config.yml

@@ -976,8 +976,8 @@ expire:
 # Background image
 background:
   enable: false
-  img: https://img.truimo.com/2022/807b270630a51.jpg
-  opacity: 0.2
+  dark: https://bu.dusays.com/2023/09/29/651685ce667d1.jpg
+  light: https://bu.dusays.com/2023/09/29/651685cc18d39.jpg
 
 # CDN
 # Don't modify the following settings unless you know how they work

layout/includes/layout.pug

@@ -9,6 +9,10 @@ html(lang=config.language, data-theme="light")
         if theme.display_mode.universe
             canvas#universe
 
+        // background img
+        if theme.background.enable
+            #global_bg
+
         // loading
         if theme.loading.fullpage
             include ./loading.pug

source/css/_global/index.styl

@@ -70,20 +70,6 @@ body
     user-select none
     -webkit-user-select none
 
-  if hexo-config('background.enable')
-    &:before
-      top 0
-      left 0
-      right 0
-      bottom 0
-      z-index -1
-      content ""
-      position fixed
-      pointer-events none
-      background-blend-mode multiply
-      opacity hexo-config('background.opacity')
-      background url(hexo-config('background.img')) center / cover;
-
 *
   box-sizing border-box
 
@@ -443,4 +429,19 @@ if hexo-config('memorial.enable')
     -moz-filter grayscale(100%)
     -ms-filter grayscale(100%)
     -o-filter grayscale(100%)
-    filter grayscale(100%)
+    filter grayscale(100%)
+
+if hexo-config('background.enable')
+  #global_bg
+    position fixed
+    z-index 999
+    opacity .2
+    width 100%
+    height 100%
+    background-image url(hexo-config('background.light'))
+    background-size cover
+    pointer-events none
+    background-repeat no-repeat
+
+    [data-theme=dark] &
+      background-image url(hexo-config('background.dark'))