開篇碎碎念
大家好，今天同樣是玩個人導航頁，來簡單一款簡潔、美觀的導航頁：Homarr。
界面美觀，下圖是我自己已經初步部署好的樣子，可以展示各種書簽、圖示精美，如果你還有qBit等服務，還可以關聯，展示qBit的下載下傳任務進度、下載下傳速度等等，自定義性也非常高，而且加載速度流暢不卡頓，是以如果有想搭建個人導航頁的朋友不妨可參考下。
同樣是在Docker上部署，會示範在正常Docker、威聯通、群晖、綠聯NAS上部署的過程，希望給各位參考。
之前也出過多期導航頁搭建的文章，如Homepage、Dashy、Flare等等，感興趣朋友可以看看。
正常Docker安裝
隻要你的機器支援Docker都可以，開啟SSH，使用以下正常安裝指令即可。Your path處替換成你機器真實存放檔案路徑即可，可建立一個檔案夾專門存放此容器資料，官方開源界面的Doc文檔也有此安裝參考，可去詳細了解。
docker run \
--name homarr \
--restart unless-stopped \
-p 7575:7575 \
-v <your-path>/homarr/configs:/app/data/configs \
-v <your-path>/homarr/icons:/app/public/icons \
-d http://ghcr.io/ajnart/homarr:latest
綠聯NAS搭建Homarr
綠聯示範機型為DX4600，一款4盤位旗艦NAS，搭載N5105處理器，可擴充雙M2、可擴充記憶體，配置拉滿，非常有成本效益的一款機器。
首先，打開綠聯的Docker，在功能處即可找到。
找到鏡像管理-添加-點選私有庫，在URL處輸入：，确定，即可拉取回來。
然後在鏡像管理處找到剛拉取回來的homarr鏡像，點選建立容器，容器名稱可預設，點選下一步。
來到以下界面，重新開機政策選擇『容器退出時總是重新開機容器』，并且勾選建立後啟動容器。
點選網絡，選擇為bridge，點選端口設定，本地端口填寫一個未占用的端口即可，我此處拍給你吧8099，容器端口預設7575，不用動它。
其它不變，點選下一步，下一步，确認即可完成部署。
在容器管理處，可以看到部署成功，運作中，點選快捷通路，就會跳轉到homarr背景，綠聯上部署homarr成功。
威聯通NAS搭建Homarr
威聯通使用的是TS-462C，N4505處理器，4盤位中端機型，可流暢4K實時解碼，感興趣朋友可了解一下。
進入威聯通的Container Station即Docker，點選鏡像檔案-提取，在伺服器處新增。
按以下填寫，照抄即可，添加一個私有庫，可以測試，有綠色勾就行，點選新增。
伺服器選擇剛新增的那個ghcr，鏡像名稱填寫：ajnart/homarr，提取回來即可。
提取完成後，在鏡像檔案處找到提取回來的homarr檔案，點選+号，建立容器。
然後，名稱、資源限制那些按需配置設定，或預設，把自動啟動打開，而後點選進階設定。
點選網絡，選擇網絡模式為NAT，主機端口處填寫一個未占用的端口即可，Container端口處保持7575不要動。
點選右下建立，确認，即可完成容器建立。
在總覽處檢視建立成功的容器。
NAS的IP位址加前面你自定義的端口号，即可成功通路homarr背景，搭建成功。
群晖NAS搭建Homarr
群晖的話，還是這台不變的、穩定運作兩年半的蝸牛星際，非常不錯的一款礦渣了，也是經典機型了。
群晖的話來一個我認為最簡單的方式吧，首先，在控制台中找到SSH，并打開。
使用PUTTY等SSH軟體，連接配接群晖，登入後，運作sudo -i擷取權限，輸入密碼，再輸入docker pull http://ghcr.io/ajnart/homarr，把私有庫中的這個鏡像拉取回來即可。
或者如不想使用指令，可以打開Docker，點選設定-新增，按下圖添加系統資料庫名稱和URL，确定。選中添加的URL來源，使用，即可。
然後搜尋ajnart/homarr，找到鏡像，下載下傳拉取回來也是可以的。
通過前面兩種方式，反正拉取回來就行了，在映像處，找到拉取回來的homarr鏡像，點選啟動。
名稱要重命名一下，然後點選進階設定。
勾選啟動自動重新啟動，這樣NAS在每次重新開機後，都會啟動這個容器。
然後點選端口設定，在本地端口處填寫一個未被占用的端口即可。點選應用，确定，确定即可完成容器部署。
OK，成功部署，并打開容器。
在浏覽器中輸入NAS的IP位址加你前面自定義的端口，即可成功通路homarr背景，群晖下部署成功。
Homarr初上手
前面在NAS上部署後，進入Homarr背景，界面如下，點選右上菜單，有Dark和Light模式，預設是light模式。
除頂部bar外，中間就是書簽之類的了，預設自帶幾個書簽，點選即可打開。
點選右上角的編輯，可進入編輯模式。
圖示可随意拖動和移動，
可放大、縮小，按住圖示右下的雙箭頭就可調整。
編輯模式下，點選右上的添加磁貼，主要有3個大類，Apps，可以添加各種應用比如qBit、tr下載下傳器等，同時Apps也可添加為普通書簽。
Widget也就是類似小元件，可以顯示狀态。
Category指分類，設定書簽的大分類。
比如添加一個Apps，我就以示範如何添加qBit下載下傳器吧，在名稱處随意，内部位址可以填寫内網位址，也就是qBit的内網通路位址，外部位址也就是可設定遠端連接配接位址，也可設定内網位址，我是有做了遠端通路，部署homarr也主要是遠端時友善一鍵通路應用，是以我填寫了外部遠端位址。
行為，點選新标簽打開，就是當你點選時，會在浏覽器另一個視窗中打開。
網絡，可打開狀态檢測，讓它實時檢測qBit是否線上。
外觀可設定圖示，比如它有内置qBit圖示，搜尋qbit即可找到，點選就會應用這個圖示。
內建配置，可以選擇qBit，然後設定qBit的密鑰等等，讓它可以連接配接和檢測qBit用。
比如添加一個分類，選擇Category，輸入分類名稱即可，比如我設定一個NAS容器專屬分類，輸入錯别字，儲存即可。
OK，出現新分類，也同時把前面添加的qBit移動進去，是不 是很簡單。
繼續添加一個Widget也就是小元件，比如添加下圖中的Torrent和下載下傳速度兩個，點選添加到面闆即可。
成功，因為前面我已經添加了qBit，是以它自動和qBit進行關聯了，qBit目前下載下傳的任務也可以識别，這就是為什麼添加APP時，在qBit中要設定密鑰和密碼等等，這樣其它元件就可以實時擷取qBit狀态，并顯示下載下傳速度和任務進度等等。
繼續添加普通書簽，也就是添加Apps，比如我添加我NAS的遠端通路址。
外觀這裡，可以直接搜尋，比如我的是威聯通NAS，我直接搜尋QNAP，竟然也有圖示，很人性化了，儲存，成功。
繼續添加群晖NAS的，竟然也能搜尋到圖示，哈哈。
圖示非常全，我簡單添加了我一些常用的服務和書簽，如下圖，圖示最好用英文去搜尋，我發現絕大部分都有，比如需要路由器圖示，搜尋router就有，群晖的就搜尋Synology就有了，威聯通就QNAP等等，就不再舉例了。
第一行我添加了月曆、qBit下載下傳任務進度和速度展示。
第二行添加了常用的遠端服務的書簽，在外面時我直接通路Homarr的遠端頁面，需要哪個服務直接打開，展示會比較美觀。
第三行我設定了NAS容器頁分類，添加了常用的容器，其實還有許多沒添加上去，後續會慢慢完善這些書簽。
通過前面展示，相信各位也上手Homarr了，是不是很簡單。
最後的最後
Homarr隻是其中一個導航頁，類似的其它個人導航頁也有不少，比如Dashy、Homepage、Flare等等，功能一樣，也就是界面有所差異，是以，喜歡哪個界面就用哪個，或者直接使用自帶浏覽器儲存這些書簽也是極好的，就根據自己喜好、折騰程度來選擇吧。
好的，我們下篇再見。