大家好，我是羊刀仙。

本篇介紹一個(gè)非常耐斯的自托管儀表板，可以將你的所有信息放在一個(gè)地方。包括：RSS訂閱，Reddit子版塊帖子，天氣，書簽，新聞，特定頻道的最新油管視頻，時(shí)鐘，日歷，股票信息，Twitch頻道和熱門游戲，GitHub發(fā)布更新，存儲(chǔ)庫(kù)，搜索框等。

我的Demo：https://glance.ydxian.xyz

效果圖如下，很多內(nèi)容我沒添加，里面博客內(nèi)容點(diǎn)擊無法訪問，是被我玩炸了抽時(shí)間恢復(fù)一下

項(xiàng)目特點(diǎn)

各種小部件，上面提到過

支持眾多主題，樣式豐富

X86和ARM平臺(tái)皆可部署，十分輕量且兼容性強(qiáng)

針對(duì)移動(dòng)設(shè)備進(jìn)行了優(yōu)化，適配可以說非常棒

部署流程

本篇以威聯(lián)通NAS為例，其他平臺(tái)大同小異。

首先，打開文件總管創(chuàng)建一個(gè)文件目錄，命名為glance，便于今后管理。

??對(duì)Glance進(jìn)行配置

Glance的配置通過單個(gè)YAML文件完成，修改glance.yml文件后，需要重新啟動(dòng)Docker容器才能使更改生效。嘗試使用無效的配置文件啟動(dòng)服務(wù)器將導(dǎo)致錯(cuò)誤。

打開威聯(lián)通的文本編輯工具Text Editor，新建一個(gè)檔用于寫配置，建議大家讀讀配置文檔：https://github.com/glanceapp/glance/blob/main/docs/configuration.md#preconfigured-page

這里重點(diǎn)提醒，關(guān)于配置文件中的內(nèi)容，在對(duì)齊格式及空格方面極為敏感，注釋也不能留，各位部署時(shí)一定要注意?。?！

各位可參考官方代碼，下面是我根據(jù)自己需求所修改的界面配置，無注釋版下面通過文本文件分享：

theme: # 主題 light: true background-color: 0 0 95 primary-color: 0 0 10 negative-color: 0 90 50 pages: # 主頁(yè)，可設(shè)置多個(gè) - name: Home # 主頁(yè)名 columns: # 板塊，每個(gè)主頁(yè)至多3個(gè)，豎排列 - size: small # small和full定義寬度 widgets: - type: calendar # 日歷 - type: clock # 時(shí)鐘 hour-format: 24h # 24小時(shí)制 timezones: # 其它時(shí)區(qū)時(shí)間 - timezone: Europe/Paris label: Paris - timezone: America/New_York label: New York - timezone: Asia/Tokyo label: Tokyo - type: monitor # 服務(wù)監(jiān)控 cache: 1m title: Services sites: - title: Jellyfin url: https://jellyfin.yourdomain.com icon: si:jellyfin # 圖標(biāo)可自定義放在assets文件下，也可以在線url或極簡(jiǎn)圖標(biāo) - title: Gitea url: https://gitea.yourdomain.com icon: /assets/gitea-logo.png # 這里我偷懶了，只搞了jellyfin - title: Immich url: https://immich.yourdomain.com icon: /assets/immich-logo.png - title: AdGuard Home url: https://adguard.yourdomain.com icon: /assets/adguard-logo.png - title: Vaultwarden url: https://vault.yourdomain.com icon: /assets/vaultwarden-logo.png - type: bookmarks # 書簽，可放置你的常用網(wǎng)址 groups: - links: - title: Gmail url: https://mail.google.com/mail/u/0/ - title: Amazon url: https://www.amazon.com/ - title: Github url: https://github.com/ - title: Wikipedia url: https://en.wikipedia.org/ - title: Entertainment # 娛樂項(xiàng)目 color: 10 70 50 links: - title: Netflix url: https://www.netflix.com/ - title: Disney+ url: https://www.disneyplus.com/ - title: YouTube url: https://www.youtube.com/ - title: Prime Video url: https://www.primevideo.com/ - title: Social # 社交 color: 200 50 50 links: - title: Reddit url: https://www.reddit.com/ - title: Twitter url: https://twitter.com/ - title: Instagram url: https://www.instagram.com/ - size: full # 中部大版塊 widgets: - type: search # 搜索框 search-engine: duckduckgo # 這里我直接用的官方，沒修改 bangs: - title: YouTube shortcut: "!yt" url: https://www.youtube.com/results?search_query={QUERY} - type: rss # 訂閱，是我自己的博客訂閱鏈接 title: News style: vertical-list limit: 10 collapse-after: 10 cache: 3h feeds: - url: https://blog.ydxian.xyz/rss.xml # 訂閱鏈接 title: 博客被我玩炸了 # 這里一般放博客名 - type: videos channels: - UCsLWG2t7n9LFsvH0wR2rtpw # 油管頻道的訂閱號(hào) - size: small # 第三板塊 widgets: - type: weather # 天氣 location: Yantai, China - type: releases # github常用的項(xiàng)目監(jiān)控 repositories: - immich-app/immich - go-gitea/gitea - dani-garcia/vaultwarden - jellyfin/jellyfin - type: markets # 股市 markets: - symbol: NVDA name: NVIDIA - symbol: AAPL name: Apple - symbol: MSFT name: Microsoft - symbol: GOOGL name: Google - symbol: AMD name: AMD

關(guān)于頁(yè)面版式的示意圖如下。

無注釋版本點(diǎn)我，提取碼: qpe7。

照著官方文檔一點(diǎn)點(diǎn)修改，還是蠻有趣的。大家按自己的需求修改完了粘貼進(jìn)去，另命名glance.yml存檔到glance目錄下即可。

??部署Glance

打開Container Station，創(chuàng)建新的應(yīng)用程序

代碼如下：

version: '3' services: glance: image: glanceapp/glance container_name: glance restart: unless-stopped ports: - 9090:8080 # 冒號(hào)左側(cè)可改 volumes: - /share/Container/glance/glance.yml:/app/glance.yml - /share/Container/glance/assets:/app/assets - /etc/TZ:/etc/timezone:ro # 獲取設(shè)備時(shí)區(qū) - /etc/localtime:/etc/localtime:ro # 獲取設(shè)備時(shí)間

部署完畢后，便可通過 NAS_IP:9090 訪問主頁(yè)。

反向代理

參考之前的文章

放一張配置截圖

后端地址注意要填寫完整的本地訪問地址，修改保存規(guī)則后就可隨時(shí)通過域名HTTPS訪問

最后

這是我近來發(fā)現(xiàn)的比較滿意的一個(gè)聚合頁(yè)了，功能插件較多，排版很合理，多端體驗(yàn)也非常不錯(cuò)。

如果大伙兒覺得本篇內(nèi)容還不錯(cuò)，別忘了三連支持下，能點(diǎn)點(diǎn)關(guān)注就更好了！后續(xù)我還會(huì)持續(xù)分享各類教程以及有趣好玩的項(xiàng)目，感謝觀看，咱們下期見～

本文完

,