新的随机背景图片代码不能覆盖原有代码

WolkeAtreide commented 2 years ago

代码修改后，随机图片依然是默认图片

Zuoqiu-Yingyi commented 2 years ago

@WolkeAtreide 是 css 代码还是 js 代码? 如果是 js, 是网络背景图片还是自定义背景图片?

WolkeAtreide commented 2 years ago

是JS代码，自定义图片。原代码能够成功的在自定义图片中切换，新代码在切换图片时，只能在默认图片中切换，原因未知。附上我使用的代码。上半部分为原代码（可正常使用），下半部分为新代码（无法使用）。另：之所以必须要换代码是因为右上角快捷键出问题了。

/* 路径 | Path

<工作空间>/data/widgets/custom.js
/data/widgets/custom.js */

export var config = { token: '', // API token, 无需填写 theme: { background: { // 背景图片功能开关 enable: true, image: { enable: true, // 是否启用背景图片更改功能 random: { enable: false, // 随机背景图片 toolbar: { // 菜单栏 enable: false, id: 'theme-background-image-random', label: '更换背景图片 (网络) [Shift + Alt + R]\nChange background image (Web)', icon: '#iconImage', index: 8, }, light: 'https://source.unsplash.com/random/1920x1080/?bright', // 随机亮色背景图片 URL dark: 'https://source.unsplash.com/random/1920x1080/?night', // 随机暗色背景图片 URL }, custom: { enable: true, // 自定义背景图片 toolbar: { // 菜单栏 enable: true, id: 'theme-background-image-custom', label: '更换背景图片 (自定义) [Ctrl + Shift + Alt + R]\nChange background image (Custom)', icon: '#iconImage', index: 9, }, random: true, // 是否随机选择自定义背景图片 default: true, // 是否默认使用自定义背景图片 light: [ // 自定义亮色背景图片 URL 列表 '/widgets/Dark+/green.png', ], dark: [ // 自定义暗色背景图片 URL 列表 '/assets/tablepic/77.png', '/assets/tablepic/76.png', '/assets/tablepic/30.png', '/assets/tablepic/10.png', '/assets/tablepic/44.png', '/assets/tablepic/54.png', '/assets/tablepic/46.png', '/assets/tablepic/51.png', '/assets/tablepic/52.png', '/assets/tablepic/65.png', '/assets/tablepic/67.png', '/assets/tablepic/27.png', '/assets/tablepic/37.png', '/assets/tablepic/18.png', '/assets/tablepic/83.jpg', ], }, }, }, }, };

/ 配置文件(可以被 data/widgets/custom.js 覆盖) /

/*import { merge } from './../utils/misc.js';

export var config = { token: '', // API token, 无需填写 theme: { background: { // 背景图片功能开关 enable: true, image: { enable: true, // 是否启用背景图片更改功能 custom: { enable: true, // 自定义背景图片 toolbar: { // 菜单栏 enable: true, id: 'toolbar-theme-background-image-custom', hotkey: () => config.theme.hotkeys.background.image.custom, label: { zh_CN: '更换背景图片 (自定义)', zh_CNT: null, fr_FR: null, en_US: null, other: 'Change Background Image (Custom)', }, icon: '#iconImage', index: 6, }, random: true, // 是否随机选择自定义背景图片 default: true, // 是否默认使用自定义背景图片 light: [ // 自定义亮色背景图片 URL 列表 '/widgets/Dark+/green.png', ], dark: [ // 自定义暗色背景图片 URL 列表 '/assets/tablepic/77.png', '/assets/tablepic/76.png', '/assets/tablepic/30.png', '/assets/tablepic/10.png', '/assets/tablepic/44.png', '/assets/tablepic/54.png', '/assets/tablepic/46.png', '/assets/tablepic/51.png', '/assets/tablepic/52.png', '/assets/tablepic/65.png', '/assets/tablepic/67.png', '/assets/tablepic/27.png', '/assets/tablepic/37.png', '/assets/tablepic/18.png', '/assets/tablepic/83.jpg', ], }, }, }, }, };*/

Zuoqiu-Yingyi commented 2 years ago

@WolkeAtreide 看起来版本有点问题, Dark+ 是最新版的 v0.8.1 嘛

WolkeAtreide commented 2 years ago

@WolkeAtreide 看起来版本有点问题, Dark+ 是最新版的 v0.8.1 嘛软件版本是最新版2.0，主题为了以防万一我重新装了一遍。见动图，第一张背景是白天的默认图片，第二张图是黑夜的，真两张图都是在css文件里设置的（这里很重要）！！！然后切换随机图片，所有的图都是主题默认设置的，我自己设置的并未成功切换。

Zuoqiu-Yingyi commented 2 years ago

@WolkeAtreide 看起来版本有点问题, Dark+ 是最新版的 v0.8.1 嘛软件版本是最新版2.0，主题为了以防万一我重新装了一遍。见动图，第一张背景是白天的默认图片，第二张图是黑夜的，真两张图都是在css文件里设置的（这里很重要）！！！然后切换随机图片，所有的图都是主题默认设置的，我自己设置的并未成功切换。

能发一下 data\widgets\custom.js 文件内容吗, 我瞅瞅自定义配置是否正确

WolkeAtreide commented 2 years ago

请看。这里有两段，上半段是正在使用的，能够生效的。下半段注释的是不能生效的，从最新版config.js里复制过来的。

/* 路径 | Path

<工作空间>/data/widgets/custom.js
/data/widgets/custom.js */

export var config = { token: '', // API token, 无需填写 theme: { background: { // 背景图片功能开关 enable: true, image: { enable: true, // 是否启用背景图片更改功能 random: { enable: false, // 随机背景图片 toolbar: { // 菜单栏 enable: false, id: 'theme-background-image-random', label: '更换背景图片 (网络) [Shift + Alt + R]\nChange background image (Web)', icon: '#iconImage', index: 8, }, light: 'https://source.unsplash.com/random/1920x1080/?bright', // 随机亮色背景图片 URL dark: 'https://source.unsplash.com/random/1920x1080/?night', // 随机暗色背景图片 URL }, custom: { enable: true, // 自定义背景图片 toolbar: { // 菜单栏 enable: true, id: 'theme-background-image-custom', label: '更换背景图片 (自定义) [Ctrl + Shift + Alt + R]\nChange background image (Custom)', icon: '#iconImage', index: 9, }, random: true, // 是否随机选择自定义背景图片 default: true, // 是否默认使用自定义背景图片 light: [ // 自定义亮色背景图片 URL 列表 '/widgets/Dark+/green.png', ], dark: [ // 自定义暗色背景图片 URL 列表 '/assets/tablepic/77.png', '/assets/tablepic/76.png', '/assets/tablepic/30.png', '/assets/tablepic/10.png', '/assets/tablepic/44.png', '/assets/tablepic/54.png', '/assets/tablepic/46.png', '/assets/tablepic/51.png', '/assets/tablepic/52.png', '/assets/tablepic/65.png', '/assets/tablepic/67.png', '/assets/tablepic/27.png', '/assets/tablepic/37.png', '/assets/tablepic/18.png', '/assets/tablepic/83.jpg', ], }, }, }, }, };

/ 配置文件(可以被 data/widgets/custom.js 覆盖) /

/*import { merge } from './../utils/misc.js';

export var config = { token: '', // API token, 无需填写 theme: { background: { // 背景图片功能开关 enable: true, image: { enable: true, // 是否启用背景图片更改功能 web: { enable: false, // 网络背景图片 toolbar: { // 菜单栏 enable: false, id: 'toolbar-theme-background-image-web', hotkey: () => config.theme.hotkeys.background.image.web, label: { zh_CN: '更换背景图片 (网络)', zh_CNT: null, fr_FR: null, en_US: null, other: 'Change Background Image (Web)', }, icon: '#iconImage', index: 5, }, random: false, // 是否随机切换网络背景图片 URL light: [ // 随机亮色背景图片 URL 'https://source.unsplash.com/random/1920x1080/?bright', 'https://api.dujin.org/bing/1920.php', 'https://unsplash.it/1920/1080?random', // 'https://api.ixiaowai.cn/gqapi/gqapi.php⁠⁠⁠⁠⁠⁠', ], dark: [ // 随机暗色背景图片 URL 'https://source.unsplash.com/random/1920x1080/?night', 'https://source.unsplash.com/random/1920x1080/?starry', 'https://source.unsplash.com/random/1920x1080/?dark', ], }, custom: { enable: true, // 自定义背景图片 toolbar: { // 菜单栏 enable: true, id: 'toolbar-theme-background-image-custom', hotkey: () => config.theme.hotkeys.background.image.custom, label: { zh_CN: '更换背景图片 (自定义)', zh_CNT: null, fr_FR: null, en_US: null, other: 'Change Background Image (Custom)', }, icon: '#iconImage', index: 6, }, random: true, // 是否随机选择自定义背景图片 default: true, // 是否默认使用自定义背景图片 light: [ // 自定义亮色背景图片 URL 列表 '/widgets/Dark+/green.png', ], dark: [ // 自定义暗色背景图片 URL 列表 '/assets/tablepic/77.png', '/assets/tablepic/76.png', '/assets/tablepic/30.png', '/assets/tablepic/10.png', '/assets/tablepic/44.png', '/assets/tablepic/54.png', '/assets/tablepic/46.png', '/assets/tablepic/51.png', '/assets/tablepic/52.png', '/assets/tablepic/65.png', '/assets/tablepic/67.png', '/assets/tablepic/27.png', '/assets/tablepic/37.png', '/assets/tablepic/18.png', '/assets/tablepic/83.jpg', ], }, }, }, }, };*/

Zuoqiu-Yingyi commented 2 years ago

@WolkeAtreide 下半段注释的内容是旧版本配置文件, 不兼容

WolkeAtreide commented 2 years ago

@WolkeAtreide 下半段注释的内容是旧版本配置文件, 不兼容

这这这这不对吧。。下半段内容摘抄自\Dark+\script\module\config.js 最新版的，你看一下，和github里的内容分毫不差 https://github.com/Zuoqiu-Yingyi/siyuan-theme-dark-plus/blob/main/script/module/config.js

Zuoqiu-Yingyi commented 2 years ago

@WolkeAtreide 下半段注释的内容是旧版本配置文件, 不兼容

这这这这不对吧。。下半段内容摘抄自\Dark+\script\module\config.js 最新版的，你看一下，和github里的内容分毫不差 https://github.com/Zuoqiu-Yingyi/siyuan-theme-dark-plus/blob/main/script/module/config.js

我说错了, 不过下半段内容没啥问题呀, 我测试了一下, 也能正常使用, 我的配置如下:

export const config = {
    theme: {
        background: {
            image: {
                custom: {
                    default: true,
                    light: [ // 自定义亮色背景图片 URL 列表
                        '/assets/测试图片3.jpg',
                        '/assets/测试图片4.jpg',
                    ],
                    dark: [ // 自定义暗色背景图片 URL 列表
                        '/assets/测试图片1.jpg',
                        '/assets/测试图片2.jpg',
                    ],
                },
            },
        },
    },
};

是不是缓存的问题导致没有生效?

WolkeAtreide commented 2 years ago

非常感谢。不知什么原因，我把你的抄过来就能用了。挺玄学的。基本可以排除缓存问题，缓存我已经如帮助那样设置过了。包括重启电脑重启软件之类的。总之，能用了，非常感谢。希望这次不是因为缓存问题才能用。。。

Zuoqiu-Yingyi commented 2 years ago

非常感谢。不知什么原因，我把你的抄过来就能用了。挺玄学的。基本可以排除缓存问题，缓存我已经如帮助那样设置过了。包括重启电脑重启软件之类的。总之，能用了，非常感谢。希望这次不是因为缓存问题才能用。。。

这里有了一个 hotkey: () => config.theme.hotkeys.background.image.custom, 匿名函数, 可能是这个问题

WolkeAtreide commented 2 years ago

多谢指点 dark+,yyds

Zuoqiu-Yingyi / siyuan-theme-dark-plus

新的随机背景图片代码不能覆盖原有代码 #13