Glance 個人儀表板：告別資訊焦慮，效率升級，時間不多了！

好的，這就為你撰寫一篇關於 Glance 的部落格文章，針對台灣讀者，力求簡單易懂、內容詳盡，並加入個人觀點與實用指南。

告別資訊焦慮：用 Glance 打造你的個人化儀表板，一目瞭然！

現代人每天接收的資訊量爆炸，新聞、社群、工作通知…資訊轟炸讓人感到焦慮。你是否也常常在不同網站、App 間切換，只為了掌握重要資訊，卻浪費了寶貴時間？

今天，我要介紹一個超棒的開源工具：Glance（https://github.com/glanceapp/glance），它可以幫你把所有需要的資訊集中在一個儀表板上，讓你一目瞭然，告別資訊焦慮！

Glance 是什麼？為什麼你需要它？

Glance 是一個輕量級的個人儀表板工具，它可以讓你自訂各種「小工具 (widget)」，顯示來自不同來源的資訊，例如：

• 新聞 RSS Feed： 追蹤你感興趣的新聞網站或部落格。
• 社群媒體： 顯示 Reddit 特定版塊的熱門文章。
• 天氣預報： 隨時掌握所在地天氣。
• 股市資訊： 追蹤重要股票或加密貨幣的價格。
• Docker 容器狀態： 如果你是開發者，可以監控 Docker 容器的運行狀況。
• 伺服器狀態： 監控 CPU、記憶體使用率等。
• YouTube 頻道更新： 追蹤喜歡的 YouTube 頻道。
• Twitch 頻道： 關注遊戲實況主的開台狀態。
• 還有更多！ Glance 支援非常多的 Widget，甚至可以自訂。

為什麼你需要 Glance？

• 資訊集中化： 不用再切換多個網站或 App，所有重要資訊都在同一個頁面。
• 節省時間： 快速瀏覽儀表板，省下尋找資訊的時間。
• 客製化： 根據自己的需求，選擇和排列喜歡的 Widget。
• 美觀： Glance 提供多種主題，讓你的儀表板看起來賞心悅目。
• 輕量快速： Glance 非常輕巧，占用資源少，載入速度快。
• 行動裝置友善： 在手機上也能輕鬆瀏覽儀表板。
• 開源免費： Glance 是開源軟體，你可以免費使用，甚至參與開發。

Glance 入門：超簡單安裝教學 (Docker 版)

對於初學者，我推薦使用 Docker 安裝 Glance，它能讓你快速啟動並運行，省去繁瑣的設定。

1. 安裝 Docker 和 Docker Compose

如果你的電腦還沒有安裝 Docker 和 Docker Compose，請先安裝它們。可以參考 Docker 官方網站的教學：

• Docker Desktop： https://www.docker.com/products/docker-desktop/ (適用於 Windows 和 macOS)
• Docker Engine： https://docs.docker.com/engine/install/ (適用於 Linux)
• Docker Compose： 通常 Docker Desktop 會內建 Docker Compose，如果沒有，請參考官方文件安裝：https://docs.docker.com/compose/install/

2. 建立 Glance 專案目錄

在你的電腦上建立一個新的目錄，例如 glance，並進入該目錄：

mkdir glance && cd glance

3. 下載 Docker Compose 範本

使用以下指令下載 Docker Compose 範本檔案：

curl -sL https://github.com/glanceapp/docker-compose-template/archive/refs/heads/main.tar.gz | tar -xzf - --strip-components 2

這個指令會下載一個包含 docker-compose.yml、config 目錄和一些範例設定檔的壓縮檔，並將它們解壓縮到 glance 目錄中。

4. 修改設定檔

現在，你可以開始修改設定檔，來客製化你的 Glance 儀表板。

• docker-compose.yml： 這個檔案定義了 Docker 容器的設定，例如 Port、Volume 等。你可以修改 Port 來更改 Glance 的訪問 Port (預設為 8080)。
• config/home.yml： 這個檔案定義了首頁的 Widget 和佈局。你可以新增、刪除或修改 Widget，來顯示你需要的資訊。
• config/glance.yml： 這個檔案定義了 Glance 的整體設定，例如主題、頁面等。你可以更改主題，或新增更多的頁面。
• .env： 在這個檔案中可以定義環境變數，在設定檔中使用。
• assets/user.css： 你可以在這個檔案中新增自訂的 CSS 樣式，來美化你的儀表板。

config/home.yml 設定範例

以下是一個簡單的 config/home.yml 設定範例，它會顯示日曆、RSS Feed、和天氣資訊：

pages:
  - name: Home
    columns:
      - size: small
        widgets:
          - type: calendar
            first-day-of-week: monday

          - type: rss
            limit: 5
            feeds:
              - url: https://www.ithome.com.tw/rss

          - type: weather
            location: Taipei, Taiwan
            units: metric
            hour-format: 24h

這個設定會建立一個名為 “Home” 的頁面，包含三個 Widget：

• calendar： 顯示日曆，並將星期一設為一周的第一天。
• rss： 顯示 iThome 的 RSS Feed，最多顯示 5 篇文章。
• weather： 顯示台北的天氣資訊，使用公制單位，並以 24 小時制顯示時間。

5. 啟動 Glance

在 glance 目錄中，執行以下指令來啟動 Glance：

docker compose up -d

這個指令會建立並啟動 Glance 的 Docker 容器。

6. 訪問 Glance 儀表板

在你的瀏覽器中輸入 `http://localhost:8080` (或你設定的 Port)，就可以看到你的 Glance 儀表板了！

Glance 設定：客製化你的資訊中心

Glance 的設定主要透過 YAML 檔案進行，以下是一些常用的設定：

• pages： 定義儀表板的頁面。每個頁面可以包含多個欄 (columns)，每個欄可以包含多個 Widget。
• columns： 定義頁面的欄位佈局。可以設定欄位的大小 (size)，例如 small、medium、full 等。
• widgets： 定義欄位中顯示的 Widget。每個 Widget 都有不同的類型 (type) 和設定選項。

Widget 的常用設定

• type： Widget 的類型，例如 rss、weather、markets 等。
• title： Widget 的標題。
• cache： Widget 的快取時間，例如 1h (1 小時)、1d (1 天)。
• 其他設定： 每個 Widget 都有不同的設定選項，可以參考 Glance 的官方文件：https://github.com/glanceapp/glance/blob/main/docs/configuration.md

個人實作心得：

我個人很喜歡 Glance 的 RSS Widget，可以追蹤各種技術部落格和新聞網站。我會設定較短的快取時間 (例如 30 分鐘)，確保資訊的即時性。另外，我也會使用 collapse-after 選項，將較舊的文章摺疊起來，讓畫面更簡潔。

錯誤排除指南：

• Requests Timing Out： 如果你發現 Widget 無法載入，可能是因為 DNS 服務 (例如 Pi-Hole 或 AdGuard Home) 的速率限制太低。請提高 DNS 服務的速率限制。
• Broken Layout： 如果 Widget 的佈局出現問題，可能是因為瀏覽器擴充功能 (例如 Dark Reader) 造成的。請禁用 Dark Reader 對 Glance 網域的影響。
• YAML 錯誤： 如果你修改設定檔後出現錯誤訊息，請檢查 YAML 檔案的格式是否正確。可以使用 YAML 線上驗證工具來檢查。

Glance 進階應用：打造你的專屬 Widget

除了內建的 Widget，Glance 還支援多種方式讓你打造自己的專屬 Widget：

• iframe Widget： 嵌入其他網站的內容。
• html Widget： 插入自己的 HTML 程式碼。
• extension Widget： 從 URL 獲取 HTML 內容。
• custom-api Widget： 從 URL 獲取 JSON 資料，並使用自訂 HTML 渲染。

這些功能讓你可以將任何你需要的資訊整合到 Glance 儀表板中，打造真正屬於你的資訊中心。

結論：Glance，讓你掌控資訊，提升效率！

Glance 是一個非常實用的工具，它可以讓你告別資訊焦慮，將所有重要的資訊集中在一個儀表板上。無論你是科技愛好者、開發者，還是只是想更有效率地管理資訊，Glance 都能幫助你。

現在就開始使用 Glance，打造你的個人化資訊儀表板吧！

希望這篇文章對你有幫助！如果你有任何問題，歡迎在留言區提問。

一些額外的建議：

• 加入 Glance 的 Discord 社群： 在 Discord 社群中，你可以和其他 Glance 使用者交流，獲得幫助和靈感：https://discord.com/invite/7KQ7Xa9kJd
• 探索 Glance 的主題： Glance 提供多種主題，讓你可以美化你的儀表板。你可以參考 Glance 的官方文件：https://github.com/glanceapp/glance/blob/main/docs/themes.md
• 參與 Glance 的開發： 如果你對 Glance 有興趣，可以參與 Glance 的開發，貢獻你的程式碼或想法。

希望這篇文章能幫助台灣讀者更好地了解和使用 Glance！

參考閱讀

https://github.com/glanceapp/glance