简单美化新版可道云的文件夹背景

起因:最近从垃圾堆里捡了NAS机箱,成色挺新盘架子都齐全。

正好手头上又有32G纯ECC DDR4内存,就整了个ALL IN ONE的虚拟主机来玩玩。

可翻了个遍想找个好看点类似于群辉的Nas网页端又只有可道云像样点便用上了。"

其实就是用了宝塔面板懒得搞别的(x)

不过新版的可道云和旧版稍微有点差别,用上了数据库和加密。咳咳扯远了。。

主要是新版的可道云的界面感觉上比以前单调,文件夹区域的位置无法用上桌面背景。

对比一下旧版与新版的观感:

这是旧版可道云的文件夹,可以引用桌面背景作为文件夹区域的点缀

 

这是新版的可道云,显然单调了很多,也没有我最爱的黑暗模式 :(

所以!

 :huaji2: 开始整活! :huaji:


首先,让我们按下Chrome的一键网页修改神器(F12)

看了一遍代码,差不多都是以DIV进行分割的,

那么只要在DIV内加入background:url()再调一调位置即可。

找到对应的DIV,在下方添加style进行测试,看看是否会影响网页运作。

这是原本的DIV

<div class="file-continer-main perfectScroll ps" tabindex="1" data-view-node="1">

这是经过修改的DIV(红色为添加上去的style)

<div class="file-continer-main perfectScroll ps" style="background:url(这里改为你的图片链接) center bottom no-repeat;background-size:contain;" tabindex="1" data-view-node="1">

看起来还不错,黄色框上是修改的代码

嗯,理论可行,开始实践。

我比较蠢,不知道有什么方法可以一次过搜索,所以开始一个个翻web根目录的文件夹= =

最后翻到了这个地址下有些可疑:/可道云根目录/static/app/dist/main.js

在main.js里边查找"file-continer-main perfectScroll"可以找到有两个,经过测试只需要改第一个,第二个不需要改。

只要在第一句冒号后面加入下面的代码即可(注意,一定要在冒号后面加空格)

style="background:url(这里改为你的图片链接) center bottom no-repeat;background-size:contain;"

修改前请一定要记得备份免得出事 : )

看看效果(如果保存完之后仍没有出现的话尝试开启无痕模式试试,一般缓存问题。)

2K看起来还不错

 

4K也很正常,自适应功能OK(前提图是4k的,向下兼容)

 

:huaji23:

 

2021/05/27更新:

可道云KODBOX的1.2版本已经支持自定义文件夹背景图,可以点击头像,个人设定中进行设置。

    发表评论

    电子邮件地址不会被公开。必填项已用 * 标注