簡單美化新版可道雲的文件夾背景

起因:最近從垃圾堆里撿了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版本已經支持自定義文件夾背景圖,可以點擊頭像,個人設定中進行設置。

    發表評論

    電子郵件地址不會被公開。必填項已用 * 標註