说实话,刚用kodbox的时候比起KodExplorer原本的界面感觉太过于单调
自定义的功能实在比较少,连文件目录的背景也被默认为白底,管理界面的深色模式如同虚设(
所以想着为单调的背景添加一点色彩。
咋们对比一下KodExplorer与KodBOX的文件目录区别:
KodExplorer:
KodBOX:
这对于我这个老二次元来说好像不太友好?
好吧,既然官方没有,那么我自己整活一下呗
首先,让我们按下Chrome的一键网页修改神器(F12)
看了一遍代码,差不多都是以DIV进行分割的,
那么只要在DIV内加入background:url()再调一调位置即可。
找到对应的DIV,在下方添加style进行测试,看看是否会影响网页运作。
这是原本的DIV
<div class="file-continer-main perfectScroll ps" tabindex="1" data-view-node="1">
这是经过修改的DIV
<div class="file-continer-main perfectScroll ps" style="background:url(这里改为你的图片链接) center bottom no-repeat;background-size:contain;" tabindex="1" data-view-node="1">
再看看效果:
嗯,理论可行,开始实践。
1. 打开网站目录:/可道云根目录/static/app/dist/main.js
2. 在main.js里边查找"file-continer-main perfectScroll"
可以找到有两个,经过测试只需要改第一个,第二个不需要改。(改了第二个会出现很奇怪的事情)
只要在第一句冒号后面加入下面的代码即可(注意,一定要在冒号后面加空格)
style="background:url(这里改为你的图片链接) center bottom no-repeat;background-size:contain;"
看看效果(如果保存完之后仍没有出现的话尝试开启无痕模式试试,一般缓存问题。)
修改前请一定要记得备份main.js免得出事 : )
论坛这个奇怪的Markdown真的用不习惯,想看原文的可以点我的博客看看)
https://www.skynicecity.com/rj/for-kodcloud-beautify.html