avatar

知识便利贴

智能 · 创造

  • 首页
  • 户型图
  • NodeRed
  • HA知识
  • 硬件DIY
  • docker镜像
Home UI卡片教程
文章

UI卡片教程

Posted 2024-01-22 Updated 2024-01- 22
By 知识便利贴
5~7 min read

1、添加自定义卡片

homeassistant卡片,使用hacs商店安装后,默认存放于www/community文件夹

(1)hacs商店下载

官方版HACS商店

在下载lovelace卡片后,会自动添加到homeassistant系统中

官方版HACS

极速版HACS商店

下载lovelace卡片后,需要手动添加

极速版HACS(适合国内网络)

(2)手动添加卡片

1、打开高级模式

2、下载卡片文件

hacs下载卡片。默认文件夹如下:

3、添加js文件

  1. 卡片本质是JavaScript文件,后缀名是.js

找到JS文件后,即可进入homeassistant,添加文件到系统

添加完成后,刷新浏览器即可!

License:  CC BY 4.0
Share

Further Reading

OLDER

智能电表教程

NEWER

zigbee网关开源

Recently Updated

  • 不明原因磁盘爆满排查记录
  • AI读表设置教程
  • zigbee有线网关DIY
  • npm学习笔记
  • template学习

Trending Tags

homeassistant 智能电表 esphome Halo

Contents

  • (1)hacs商店下载
    • 官方版HACS商店
    • 极速版HACS商店
  • (2)手动添加卡片
    • 1、打开高级模式
    • 2、下载卡片文件
    • 3、添加js文件