「大家好，我是熊貓，你的NAS領(lǐng)航員。NAS不只是存儲(chǔ)那么簡(jiǎn)單，數(shù)碼也可以是生活，關(guān)注我，給你的生活加點(diǎn)'技'趣！」
引言
今天介紹的項(xiàng)目并不是Docker項(xiàng)目，而是由html組成的，通過(guò)添加各種組件實(shí)現(xiàn)了很多復(fù)雜以及好用的效果。今天要介紹的就是多模式的個(gè)人主頁(yè)以及引導(dǎo)頁(yè)—NOISE主頁(yè)。
特性
- 「?jìng)€(gè)性化支持」：將各類(lèi)組件以js形式引入。使一個(gè)頁(yè)面包含多種功能
- 「多模式」：加入不同頁(yè)面去構(gòu)成一個(gè)統(tǒng)一的模式框架。
- 「廣告位支持」：引入了側(cè)邊廣告位及橫幅標(biāo)語(yǔ)式文字通告
- 「相冊(cè)支持」： 你可以在home頁(yè)引入更多相關(guān)相冊(cè)。
- 「音樂(lè)組件個(gè)性化」：修改了音樂(lè)的css樣式。讓頁(yè)面整體更統(tǒng)一
- 「API組件支持」：通過(guò)請(qǐng)求api響應(yīng)的json，可以加入如每日60秒看世界及摸魚(yú)日歷的引入
- 「移動(dòng)端適配」：完美支持移動(dòng)端，實(shí)現(xiàn)自適應(yīng)布局。
項(xiàng)目頁(yè)
項(xiàng)目頁(yè)
部署
因?yàn)槭鞘褂酶鞣Nhtml拼接形成的，且目前項(xiàng)目并沒(méi)有打包成docker，所以在部署上我們需要使用web station，而目前支持web station的NAS有群暉、威聯(lián)通。也就是說(shuō)極空間以及綠聯(lián)目前不支持該項(xiàng)目部署。在部署前我們下載好web station套件以及PHP。
套件
套件
準(zhǔn)備好套件之后，到項(xiàng)目頁(yè)下載項(xiàng)目的源代碼（https://docs.noisework.cn/），下載之后將其放到NAS中，將其進(jìn)行解壓。
解壓文件
解壓文件
解壓之后能看到使用說(shuō)明以及項(xiàng)目的根目錄，這時(shí)候我們打開(kāi)web station套件，在php設(shè)置中選擇php7.4版本，編輯界面中將其擴(kuò)展全部勾選。
php設(shè)置
php設(shè)置
隨后點(diǎn)擊虛擬主機(jī)選擇新增，這里如果你有域名，那么可以選擇基于名稱(chēng)，如果沒(méi)有那就選擇基于端口。隨后文檔根目錄選擇剛剛解壓縮后的項(xiàng)目根目錄，后端服務(wù)器選擇nginx，php版本選擇7.4即可。
虛擬主機(jī)設(shè)置
虛擬主機(jī)設(shè)置
設(shè)置好一切之后點(diǎn)擊確定，這時(shí)候便成功部署好NOISE主頁(yè)了。通過(guò)瀏覽器輸入IP:端口或者域名:端口就可以訪問(wèn)項(xiàng)目頁(yè)面了。
預(yù)覽
預(yù)覽
體驗(yàn)
項(xiàng)目初始使用index.heml，該頁(yè)面主要負(fù)責(zé)個(gè)人主頁(yè)，內(nèi)容很多，首先就是右鍵會(huì)觸發(fā)網(wǎng)頁(yè)的菜單，這里有贊賞、全屏、刷新、模式以及聯(lián)系，點(diǎn)擊模式就可以切換當(dāng)前主頁(yè)的另一模式，另一模式主要負(fù)責(zé)導(dǎo)航功能。
導(dǎo)航模式
導(dǎo)航模式
頁(yè)面的左下角有音樂(lè)彈窗，右下角嵌入了一個(gè)聊天室，功能還是蠻多的。整體界面雖然賽了很多內(nèi)容，但并不雜亂，界面設(shè)計(jì)不錯(cuò)。
聊天室
聊天室
那么如果修改作者默認(rèn)設(shè)置呢？既然是html文件，直接去項(xiàng)目根目錄找到這兩個(gè)主頁(yè)的文件更改就可以了。在根目錄中有index.heml和home.html兩個(gè)文件，分別負(fù)責(zé)了兩個(gè)模式的主頁(yè)，通過(guò)修改其中的內(nèi)容就可以做到修改網(wǎng)頁(yè)展示內(nèi)容。
配置文件
配置文件
沒(méi)有后臺(tái)多少還是有點(diǎn)麻煩，不過(guò)靜態(tài)的網(wǎng)頁(yè)也有好處，對(duì)于性能的要求會(huì)更低，同時(shí)相應(yīng)速度也會(huì)更快。
總結(jié)
項(xiàng)目還不錯(cuò)，不過(guò)還是希望能有后臺(tái)的加入，畢竟直接修改html文件對(duì)于小白來(lái)說(shuō)可能會(huì)存在將文件改崩潰的問(wèn)題。感興趣的可以試試。
以上便是本期的全部?jī)?nèi)容了，如果你覺(jué)得還算有趣或者對(duì)你有所幫助，不妨點(diǎn)贊收藏，最后也希望能得到你的關(guān)注，咱們下期見(jiàn)！
三連
作者聲明本文無(wú)利益相關(guān)，歡迎值友理性交流，和諧討論～
,
