緣起

上篇文章介紹了如何搭建alist來掛載網(wǎng)盤分享文件，是利用群輝的三方套件來實(shí)現(xiàn)的，整個(gè)安裝過程比較簡單。有了網(wǎng)盤分享站，又動(dòng)了搭建導(dǎo)航站的念頭，這樣訪問群輝搭建的各種服務(wù)也比較方便一點(diǎn)，查閱了網(wǎng)上的相關(guān)資料，找到了大佬阿文菌的導(dǎo)航站，覺得他的站子比較適合我，簡介且高效，正好他也介紹了站子的搭建方法，我就依葫蘆畫瓢結(jié)合自己的需求來介紹一下如何搭建，感謝大佬的無私奉獻(xiàn)！

折騰

首先需要下載網(wǎng)站模板，可以去我之前搭建的網(wǎng)盤站alist。fengcun。top按日期查找，也可以去阿文菌那里下載，在分享的文件夾目錄里有十多個(gè)文件，是不同風(fēng)格的導(dǎo)航站，推薦web00，其他的也可以嘗試下。下載好文件后我們打開群輝的后臺(tái)管理界面，來到套件中心，如圖所示找到“web station”套件，點(diǎn)擊“安裝套件”會(huì)靜默安裝完成，
安裝完成后點(diǎn)擊“打開”，就可以進(jìn)入到搭建網(wǎng)站的界面。

我們來到群輝的“File Station”，可以看到安裝完web station后會(huì)自動(dòng)在根目錄新建一個(gè)名為“web”的文件夾。再找到剛才下載網(wǎng)頁模板，將其解壓會(huì)得到一個(gè)文件夾，點(diǎn)擊進(jìn)去，會(huì)發(fā)現(xiàn)有一些文件夾和文件，我們主要修改兩處地方，一處是index.html文件，還有一處是img文件夾里的圖片文件，這里我們先用文本的形式打開index.html。

打開index.html文件，根據(jù)圖示修改對應(yīng)位置的參數(shù)，將圖示位置“#”號(hào)替換為相應(yīng)的網(wǎng)址，“src=”后面引號(hào)里面的內(nèi)容替換為圖標(biāo)路徑，兩個(gè)strong中間部分替換為顯示名稱；這里的圖標(biāo)路徑指的就是img文件夾png文件夾下的圖片，是需要修改的另一處地方，這里的圖片可以根據(jù)自己的需求來個(gè)性化定制，使用自己喜歡的圖標(biāo)。修改圖示處的圖片可以替換導(dǎo)航logo，這里要修改的地方很多，需要足夠的耐心來調(diào)整。

修改完后，我們來到群輝的“File Station”，將web文件夾里的文件夾和文件都刪除，把上一步修改好的文件夾里的內(nèi)容全部上傳到web文件夾，這里需要用鼠標(biāo)框選中文件，拖拽到File Station里面來上傳。上傳完成后，訪問去掉端口號(hào)的群輝地址就可以訪問導(dǎo)航站了，大功告成！這些網(wǎng)站模板同樣適用于在服務(wù)器上搭建，用服務(wù)器搭建的話訪問要方便些，我這里搭建了一個(gè)，dh。fengcun。top

總結(jié)

得益于技術(shù)的進(jìn)步，現(xiàn)在個(gè)人搭建網(wǎng)站是越來越容易了，門檻也比較低，稍微研究一下就可以實(shí)現(xiàn)，這次小試牛刀，搭建了一個(gè)自己喜歡的導(dǎo)航站，群輝的web station還可以搭建其他類型的站子，比如博客之類的，挖個(gè)坑，下次再說。