跳至內容

HA 主題卡片|HA Card Device Card

一個功能全面的 Home Assistant 自訂卡片,用於以簡潔、使用者友善的介面,顯示和整理您系統中任何裝置的實體,並將其分類為控制、感測、設定和診斷等可展開區段。
2026年3月8日
HA 主題卡片|HA Card Device Card
渥屋科技股份有限公司, 系統管理者

PART ONE

專案總覽|功能與應用場景

一個功能全面的 Home Assistant 自訂卡片,用於以簡潔、使用者友善的介面,顯示和整理您系統中任何裝置的實體,並將其分類為控制、感測、設定和診斷等可展開區段。


🔑 核心功能

  • 裝置資訊顯示
  • 問題偵測
  • 實體圖片展示
  • 可展開的實體區段
  • 釘選重要實體狀態
  • 百分比量表視覺化
  • 精簡模式
  • 進階排序與模式比對

📋 功能詳細說明

功能名稱說明
監控客廳溫控器使用 Device Card 顯示客廳溫控器的所有相關實體,並將目前溫度釘選在卡片標題以便快速查看。
整合儀表板 - Z-Wave 裝置使用 Integration Card 建立一個專門顯示所有 Z-Wave 整合裝置的儀表板,方便集中管理與監控。

PART TWO

深入解析|執行環境與部署步驟

⚙️ 執行環境需求

  • 需要一個正在運行的 Home Assistant 實例。
  • 能夠透過瀏覽器訪問 Home Assistant 前端介面。
  • 需要透過 Samba、SSH 或 File Editor 存取 /config 目錄。

🔧 部署安裝步驟

步驟說明
Step 1從 GitHub 倉庫下載 device-card.js 檔案。
Step 2透過 Samba、SSH 或 File Editor 存取 config 目錄。
Step 3建立路徑 /www/community/device-card/。
Step 4將 device-card.js 複製到該目錄。
Step 5在設定 > 儀表板 > 資源中新增。
Step 6URL 設為 /local/community/device-card/device-card.js,類型為 JavaScript 模組。
Step 7清除快取並重新整理。

PART THREE

總結與展望|AI Agent 部署 Prompt

🤖 AI Agent 部署 Prompt

以下是用於部署此專案的 AI Agent Prompt,可直接複製使用:

請幫我安裝並部署 HA_card_device-card。

## 專案資訊
- 倉庫位址:https://github.com/WOOWTECH/HA_card_device-card
- 類型:Home Assistant 主題/卡片
- 功能說明:功能全面的自訂卡片,顯示和整理裝置實體。

## 環境需求
- Home Assistant 實例。
- 瀏覽器存取。
- 檔案系統存取(Samba/SSH/File Editor)。

## 安裝步驟
1. 下載 device-card.js。
2. 建立 /www/community/device-card/ 目錄。
3. 複製檔案到該目錄。
4. 在資源中新增。
5. 清除快取並重新整理。

GitHub 倉庫 →

← 返回開源專案列表

分享這個貼文