Sun-Panel 極致美學導航頁

你已經架設了 Jellyfin、Alist、File Browser 等多個服務，是時候把它們整合在一起了。這篇教學將帶你在 fnOS (飛牛 OS) 上架設 Sun-Panel，一個輕量、支援拖顯、自訂圖標的 NAS 首頁，並透過 Synology 反代讓你從任何地方都能連回家中的「控制中心」。

第一階段：建立資料夾

為了確保你的圖標排版和設定不會在重啟後消失，我們需要先建立資料夾。

📁 建議路徑結構：
  • 設定檔與資料庫：
    /vol1/1000/Docker/SunPanel/conf
  • 上傳的圖標與圖片：
    /vol1/1000/Docker/SunPanel/uploads

第二階段：Docker 部署 (fnOS)

1. 下載映像檔

  1. 打開 fnOS Docker。
  2. 搜尋映像檔：sunpanel/sun-panel
  3. 選擇標籤：latest 下載。

2. 容器設定參數

建立容器時，請依照下表設定：

類別 參數設定 說明
基本設定 名稱: sun-panel
自動重啟: Always		 首頁導航必須常駐。
連接埠 本地: 3002
容器: 3002		 預設 Port，若衝突可改 3003。

3. 儲存空間映射 (Volume)

將剛剛建立的兩個資料夾對應進去，這一步至關重要。

本地路徑 (Host) 容器路徑 (Container)
.../SunPanel/conf /app/conf
.../SunPanel/uploads /app/uploads

設定完成後啟動容器。預設帳號：admin@sun.cc / 密碼：12345678。

第三階段：Synology 反向代理設定

我們希望透過一個好記的網址（如 nav.xxx）來存取這個導航頁。

1. 新增規則

進入 Synology 控制台 > 登入入口 > 進階 > 反向代理伺服器。

  • 來源 (Source):
    • 協定：HTTPS
    • 主機名稱：nav.myhome.synology.me (建議用 nav 或 start)
    • 連接埠：443
  • 目的地 (Destination):
    • 協定：HTTP
    • 主機名稱：192.168.50.20 (fnOS IP)
    • 連接埠：3002

2. 啟用 WebSocket

Sun-Panel 雖然主要是靜態，但部分 widget 元件建議開啟 WebSocket 支援。在設定頁面上方「自訂標頭」中新增 WebSocket 即可。

第四階段：憑證與美化

  1. 前往 Synology 控制台 > 安全性 > 憑證。
  2. 點擊「設定」，找到 nav.myhome...。
  3. 將憑證切換為你的 Let's Encrypt 萬用憑證。

🎉 完成與建議

現在，你可以用手機或電腦瀏覽：
https://nav.你的ID.synology.me

下一步：登入 Sun-Panel，將你之前架設好的 Jellyfin (video.xxx)、Alist (alist.xxx)、File Browser (files.xxx) 全部新增為圖標。以後出門在外，只要記住這一個網址，就能通往你的所有服務！

本站採用 WordPress 建置