轉(zhuǎn)自我的博客文章https://blognas.hwb0307.com/linux/docker/3203滋捶,內(nèi)容更新僅在個(gè)人博客可見(jiàn)。歡迎關(guān)注余黎!
前言
今天咱又來(lái)Nextcloud里玩點(diǎn)花樣了 (?′ω`?) 作為一個(gè)WordPress博主重窟,我深諳額外CSS對(duì)于博客自定義樣式的重要性。因此有一天我忽發(fā)奇想惧财,Nextcloud
是否支持自定義CSS呢巡扇?我簡(jiǎn)單地找了一下,還真有垮衷!該功能由一個(gè)名為Custom CSS
的APP來(lái)支持厅翔。下面我們就來(lái)看看它怎么用!
測(cè)試環(huán)境
Docker Nextcloud 25.0.2
安裝Custom CSS插件
進(jìn)入應(yīng)用
界面搀突,搜索Custom CSS
即可刀闷。
然后,在主題——Custome CSS
里即可添加自定義CSS仰迁。用法和WordPress的額外CSS差不多:
特效
不定期更新
分享頁(yè)面半透明
訪問(wèn)分享文件:https://nextcloud.hwb0307.com/s/zWRSHCMkzPmw73B甸昏,效果變化如下,個(gè)人感覺(jué)還闊以 (?′ω`?) :
背景一:
背景二:
具體CSS代碼如下:
/*分享頁(yè)面半透明*/#app-content { background-color: rgba(255, 255, 255, 0.8) !important;}#body-public footer { background-color: rgba(255, 255, 255, 0) !important;}.files-controls { background-color: rgba(255, 255, 255, 0) !important;}.text-editor { background-color: rgba(255, 255, 255, 0.8) !important;}.editor.editor-media-handler.text-editor__main { background-color: rgba(255, 255, 255, 0.1) !important;}thead { background-color: rgba(255, 255, 255, 0) !important;}
小結(jié)
Nextcloud的特效自定義也挺簡(jiǎn)單的徐许。以后有什么好玩的特效會(huì)實(shí)時(shí)更新 (~ ̄▽ ̄)~
本文使用 文章同步助手 同步