PART ONE
專案總覽｜功能與應用場景
Lovelace Expander Card 是一個 Home Assistant 的自訂前端卡片，它允許使用者在儀表板中建立可折疊的區塊，將多個卡片組合在一個可展開的容器中。這有助於整理雜亂的介面、節省螢幕空間，並透過將相關控制項分組來改善導航。
🔑 核心功能
- 儀表板整理
- 節省空間
- 巢狀結構
- 自訂外觀
- 互動式控制
- 狀態持久化
- 響應式佈局
📋 功能詳細說明
| 功能名稱 | 說明 |
|---|---|
| 分組客廳控制項 | 使用 Expander Card 將所有與客廳相關的控制項（如燈光、電視、空調）分組到一個可折疊的區塊中，標題為「客廳」，點擊後即可顯示所有相關設備。 |
| 建立巢狀的家庭區域 | 透過巢狀使用多個 Expander Card，可以建立一個階層式的結構來組織整個家庭。例如，一個主要的「家庭」卡片可以包含「客廳」和「臥室」等子卡片，每個子卡片再包含各自區域的設備。 |
PART TWO
深入解析｜執行環境與部署步驟
⚙️ 執行環境需求
- 需要一個正在運行的 Home Assistant 實例。
- 用於訪問 Home Assistant 前端介面的現代網頁瀏覽器。
🔧 部署安裝步驟
| 步驟 | 說明 |
|---|---|
| Step 1 | 從倉庫的 dist/ 目錄下載 expander-card.js 檔案。 |
| Step 2 | 將檔案上傳到 Home Assistant 的 config/www/ 目錄下。 |
| Step 3 | 前往設定 > 儀表板。 |
| Step 4 | 點擊右上角三點選單選擇資源。 |
| Step 5 | 新增資源 URL 為 /local/expander-card.js，類型為 JavaScript 模組。 |
| Step 6 | 重新啟動 Home Assistant 伺服器。 |
| Step 7 | 清除瀏覽器快取以確保載入最新資源。 |
PART THREE
總結與展望｜AI Agent 部署 Prompt
🤖 AI Agent 部署 Prompt
以下是用於部署此專案的 AI Agent Prompt，可直接複製使用：
請幫我安裝並部署 HA_card_lovelace-expander-card。 ## 專案資訊 - 倉庫位址：https://github.com/WOOWTECH/HA_card_lovelace-expander-card - 類型：Home Assistant 主題/卡片 - 功能說明：Lovelace Expander Card，可折疊區塊整理儀表板。 ## 環境需求 - Home Assistant 實例。 - 現代網頁瀏覽器。 ## 安裝步驟 1. 下載 expander-card.js。 2. 上傳到 config/www/。 3. 在資源中新增。 4. 重新啟動 Home Assistant。 5. 清除快取。
← 返回開源專案列表