b站作為一個(gè)經(jīng)常打開(kāi)的網(wǎng)站,讓主頁(yè)看起來(lái)更賞心悅目是很有必要的(對(duì)于部分人),所以有了這篇文章,文章也許有點(diǎn)長(zhǎng),但操作真的不算難,希望各位能耐心的看完,能點(diǎn)贊收藏就更好了
主頁(yè)
主頁(yè)搜索聚焦
主頁(yè)搜索結(jié)果展示
實(shí)時(shí)毛玻璃特效與深色模式
快捷分區(qū)選擇
視頻推送界面更改(可開(kāi)啟深色模式)
相比于原來(lái)的首頁(yè),是不是更加簡(jiǎn)潔了?
原來(lái)的主頁(yè)
那么,現(xiàn)在開(kāi)始
?注意:
①文章中使用的瀏覽器是360瀏覽器,chromium內(nèi)核版本108,事實(shí)上文中介紹的插件對(duì)chromium兼容很好,只要不是太低的內(nèi)核版本應(yīng)該沒(méi)有問(wèn)題,但還是事先說(shuō)明
②對(duì)于firefox,除了嗶哩嗶哩助手以外,其他插件都有對(duì)應(yīng)的版本,但沒(méi)有進(jìn)行測(cè)試,而ie和safari就別想了
這是油猴
我們先下載安裝包,然后在打開(kāi)方式中選擇需要安裝的瀏覽器,瀏覽器會(huì)彈出提示,點(diǎn)擊確定
點(diǎn)確定
然后插件就安裝完成了,你可以在插件管理里找到
②嗶哩嗶哩助手
這個(gè)插件有官網(wǎng),直接打開(kāi)官網(wǎng)下載就可以了
?然后開(kāi)始介紹css樣式,這個(gè)樣式是由hakadao大佬開(kāi)發(fā)的,這里附上項(xiàng)目地址
我們打開(kāi)項(xiàng)目地址,往下翻到圖片所在的位置,然后選擇“點(diǎn)擊此處安裝后更新樣式”然后在下一個(gè)界面點(diǎn)擊確定就可以了,樣式會(huì)自動(dòng)安裝到stylus上,如果要是以后有更新的話,那么再重復(fù)以上步驟即可
選擇“點(diǎn)擊此處安裝或更新樣式”
然后打開(kāi)b站,點(diǎn)擊右上角的stylus圖標(biāo),確保樣式已經(jīng)開(kāi)啟,是的,似乎有點(diǎn)不一樣了,但為什么沒(méi)有背景呢?
與這張圖不一樣的是,沒(méi)有背景而是白色的背景色
這時(shí)點(diǎn)擊右上角的stylus圖標(biāo),找到我們剛才安裝的樣式,再點(diǎn)擊記號(hào)筆圖標(biāo),就可以看到樣式的選項(xiàng)了,你可以按照自己的喜好選擇,也可以開(kāi)啟主頁(yè)的深色模式,值得注意的是,如果需要自定義背景,需要先在圖床上傳生成鏈接,然后按照url(圖片鏈接)的格式輸入
?接下來(lái)是js腳本,這個(gè)腳本是由the1812大佬開(kāi)發(fā)的bilibili-evolved,事實(shí)上這個(gè)插件的功能非常多,這一次介紹關(guān)于主頁(yè)美化的部分,項(xiàng)目地址
你可以在項(xiàng)目地址找到相關(guān)的安裝方法,或者直接在瀏覽器打開(kāi)下面的鏈接,選擇安裝即可
然后我們才再回到b站,點(diǎn)擊右上角油猴的圖標(biāo),開(kāi)啟腳本,這時(shí)我們注意到,網(wǎng)頁(yè)右側(cè)出現(xiàn)了兩個(gè)按鈕
點(diǎn)擊下面的設(shè)置按鈕,插件的設(shè)置界面就出來(lái)了
在設(shè)置界面,你可以選擇安裝需要的功能,這里我選擇“清爽首頁(yè)”,這個(gè)功能可以改變網(wǎng)站視頻原本的排列方式,更加美觀與高效,并可以和css樣式共存,但原本css樣式設(shè)置的深色模式將失效
開(kāi)啟“清爽主頁(yè)”
但我還是想要深色模式怎么辦?你可以開(kāi)啟“夜間模式”功能,深色模式就會(huì)重新應(yīng)用
開(kāi)啟“深色模式”
這個(gè)深色模式并不光是針對(duì)主頁(yè)的,很多二級(jí)頁(yè)面也會(huì)同時(shí)打開(kāi),但是在某些頁(yè)面可能有bug,比如下面這張圖,所以是否需要使用需自行衡量
開(kāi)啟油猴的深色模式后,番劇頁(yè)面的番劇名稱仍為黑色,右側(cè)按鈕的顏色也無(wú)法正常顯示
?這里就要提一下第三個(gè)插件嗶哩嗶哩助手了,這個(gè)插件和主頁(yè)美化沒(méi)有關(guān)系,但功能性做的很好,所以特此介紹,相較于油猴,嗶哩嗶哩助手的深色模式適配的更好,雖然支持的范圍沒(méi)有油猴的深色模式多,但仍對(duì)于主頁(yè)(如果開(kāi)啟了前兩個(gè)插件將無(wú)法使用)、動(dòng)態(tài)、搜索等常用界面都做了適配,沒(méi)有適配的頁(yè)面則正常顯示,是我更推薦的一個(gè)深色模式方案
而這個(gè)插件還勝在方便,這個(gè)插件集成了b站大部分。頁(yè)面的入口,點(diǎn)擊嗶哩嗶哩助手的圖標(biāo)就能看到,同時(shí)它還可以顯示當(dāng)前正在直播,關(guān)注投稿,番劇更新時(shí)間表等信息,更加快捷,一鍵直達(dá),還有其他功能比如記憶播放清晰度,獲取視頻封面等,這些官網(wǎng)都有介紹
嗶哩嗶哩助手功能頁(yè)面
嗶哩嗶哩助手官網(wǎng)
那么文章到這里就結(jié)束了,如果有什么功能建議可以直接在項(xiàng)目地址向原作者發(fā)issue,為美化的功能改善貢獻(xiàn)一份力量
感謝各位收看~
@酷安小編 求關(guān)注
#電腦玩家# #Windows11# #嗶哩嗶哩#
聯(lián)系客服