纯色背景配置

当不使用横幅（Banner）或全屏壁纸（Fullscreen Wallpaper）时，页面将使用纯色背景模式。此模式下页面背景由主题色和暗色模式自动决定。

启用方式

在 src/config/siteConfig.ts 中将壁纸模式设置为 "none"：

src/config/siteConfig.ts

wallpaperMode: {
  defaultMode: "none", // 设置为 "none" 启用纯色背景
},

背景色说明

纯色背景模式下，页面背景色由以下因素决定：

模式	背景色
亮色模式	基于主题色的浅色调
暗色模式	深色背景（接近纯黑）

背景色会自动跟随 siteConfig.themeColor.hue 的设置进行适配。

主题色影响

themeColor: {
  hue: 240,    // 主题色色相会影响纯色背景的色调
  fixed: false, // 是否允许用户切换主题色
},

调整 hue 值会同时影响：

• 页面背景色调
• 按钮、链接等交互元素的颜色
• 卡片边框和高亮色

与其他模式的对比

特性	Banner 模式	全屏壁纸模式	纯色背景模式
图片加载	顶部横幅图片	全屏背景图片	无图片
性能影响	中等	较高	最低
视觉效果	丰富	沉浸式	简洁清爽
适用场景	博客默认	个人主页	极简风格

注意事项

1. 纯色背景模式性能最优，不加载任何背景图片，适合注重加载速度的场景。
2. 切换模式后建议同时调整导航栏的 transparentMode，在纯色背景下建议使用 "semi" 模式。
3. 用户仍可通过页面上的模式切换按钮临时切换到其他壁纸模式（取决于 wallpaperMode.showModeSwitchOnMobile 配置）。