logo
icon

Homepage

Homepage 是現代化、全靜態、快速、安全且高度可自訂的應用程式儀表板。支援 100+ 服務整合、Docker 容器管理、自訂書籤和內建小工具 — 全部透過簡單的 YAML 檔案設定。

template cover
部署次數2
發布者futurize.rush
建立於2026-03-28
模板內的服務
service icon
標籤
DashboardMonitoring

Homepage

現代化、全靜態、快速、安全且高度可自訂的應用程式儀表板,支援 100+ 服務整合。

部署後可以做什麼

  1. 開啟網域 — Homepage 載入預設空白儀表板
  2. 開啟設定編輯器 — 在 Zeabur 控制台進入服務的 Settings > Configs > Open Config Editor
  3. 新增設定檔 — 點擊「Add Config file」建立以下 YAML 檔案(路徑為 /app/config/ 開頭)
  4. 重新啟動服務 — 儲存設定後重啟服務即可套用
  5. 持續調整 — 隨時回到 Config Editor 修改,重啟後生效

如何設定

Homepage 完全透過 YAML 檔案設定。在 Zeabur 上使用 Config Editor(Settings > Configs)建立和編輯這些檔案,設定會跨重啟保存。完整文件請參考 gethomepage.dev/configs

1. 新增服務 — /app/config/services.yaml

服務會以大卡片呈現在儀表板上,可選擇加入狀態監控。

- 我的應用:
    - Grafana:
        icon: grafana.png
        href: https://grafana.example.com
        description: 監控儀表板

- 社群媒體:
    - GitHub:
        icon: github.png
        href: https://github.com/your-username
    - YouTube:
        icon: youtube.png
        href: https://youtube.com/@your-channel
    - Twitter:
        icon: twitter.png
        href: https://x.com/your-handle

2. 新增書籤 — /app/config/bookmarks.yaml

書籤是精簡的連結列表,適合快速導航(無監控功能,純連結)。

- 開發工具:
    - GitHub:
        - href: https://github.com
          icon: github.png
    - Stack Overflow:
        - href: https://stackoverflow.com
          icon: stackoverflow.png

- 社群:
    - YouTube:
        - href: https://youtube.com
          icon: youtube.png
    - Reddit:
        - href: https://reddit.com
          icon: reddit.png

3. 自訂外觀 — /app/config/settings.yaml

title: 我的儀表板
theme: dark
color: slate
language: zh-Hant

圖示

Homepage 內建 1000+ 圖示(Dashboard Icons),直接用檔名即可:github.pngyoutube.pngtwitter.pngdiscord.png 等。也可使用 si-github(Simple Icons)或 mdi-home(Material Design Icons)。

授權

GPL-3.0 — GitHub | 文件