一、2020-05-17 更新一下
更新内容：删掉没用的废话。
可以抄的作业，这大佬牛逼：
- 这个是HKI主题配置的卡片：
- 这个是dwains-theme主题配置的：
二、 来源
2.1 Isa
仓库github:
效果图：
2.2 jimz011
大佬走的homekit的风格，但是比homekit强大而且灵活的多.
- github地址
已经更新了好多版本了，我一直在看他最早的配置，最新的这个已经大改了，要玩还得琢磨。
-
效果图
这是以前的效果（比较多，好几十张，转个gif瞅瞅）：
有条件的可以看看大神的油管视频。
- 新版本
看起来更好看了：
2.3 dwainscheeren
很好看的一个主题，看起来是模块化的，我没搞成功，看效果图就知道了。
- github地址:
- 效果图
测试他的主题没有成功之后，我发现我的界面多了一个毛玻璃效果，你是哪儿来的？？
三、 我的配置
3.1 前置配置
3.1.1 views
CCH更新之后可以放到底部，特性也多了不少,没空玩的，这样子是HA官方样式。
3.1.2 配置和目录结构
configuration.yaml配置
homeassistant:
name: 控制台
latitude: 39.000000
longitude: 100.0000000
elevation: 3
unit_system: metric
time_zone: Asia/Shanghai
packages: !include_dir_named packages
lovelace:
mode: yaml
### HACS和自定义插件的配置，hacsfiles路径的都是HACS支持的，其他不是这个的就是自定义插件了
resources:
- url: /hacsfiles/button-entity-row/button-entity-row.js
type: module
- url: /hacsfiles/mini-media-player/mini-media-player-bundle.js
type: module
- url: /hacsfiles/upcoming-media-card/upcoming-media-card.js
type: js
- url: /hacsfiles/calendar-card/calendar-card.js
type: js
- url: /hacsfiles/button-card/button-card.js
type: module
- url: /hacsfiles/vertical-stack-in-card/vertical-stack-in-card.js
type: js
- url: /hacsfiles/lovelace-card-mod/card-mod.js
type: module
# Some dwains theme resources 这个应该就是毛玻璃效果的出处了
- type: css
url: 'https://fonts.googleapis.com/css?family=Open+Sans&display=swap'
- type: css
url: /local/dwains-theme/style.css
- type: module
url: /local/dwains-theme/plugins/dwains-weather-card/dwains-weather-card.js?v=0.0.1
- type: module
url: /local/dwains-theme/plugins/dwains-notification-card/dwains-notification-card.js?v=0.0.1
- type: module
url: /local/dwains-theme/plugins/dwains-cover-card/dwains-cover-card.js?v=0.0.1
- type: module
url: /local/dwains-theme/plugins/dwains-flexbox-card/dwains-flexbox-card.js?v=0.1.0
### 手动安装
- url: /local/customize/lovelace-weather-card-chart/weather-card-chart.js
type: module
- url: /local/customize/lovelace-card-loader/card-loader.js
type: js
- url: /local/customize/floorplan-card/floorplan-card.js
type: js
- url: /local/customize/slideshow-card/slideshow-card.js
type: js
### 可替代插件
- url: /local/customize/thomasloven/popup-card.js # 被browser_mod插件替代
type: js
- url: /local/customize/thomasloven/markdown-mod.js # 原生支持，写法有变
type: js
### 配置多界面的位置
dashboards:
entity-lovelace:
mode: yaml
title: 面板1
show_in_sidebar: true #false
icon: mdi:information-outline
filename: entity-lovelace.yaml
dwains-theme:
mode: yaml
title: Dwains
icon: mdi:alpha-d-box
show_in_sidebar: true
filename: dwains-theme-lovelace.yaml
### 其他都和以前差不多
http:
server_port: 8123
hacs:
token: !secret github_hacs
recorder:
db_url: mysql://hass:passwd@10.11116.1020.211117/homeassistant?charset=utf8
purge_keep_days: 5
logger:
default: warning
#default_config:
#cloud:
config:
frontend:
themes: !include_dir_merge_named themes/
javascript_version: latest
extra_html_url:
- /local/custom_ui/hass-bha-icons/hass-bha-icons.html
- /local/custom_ui/state-card-floorplan.html
history:
logbook:
#map:
mobile_app:
#person:
#script：
ssdp:
#sun:
system_health:
updater:
zeroconf:
########################################################################
stream:
ffmpeg:
wake_on_lan:
discovery:
# ignore:
# - yeelight
shopping_list:
#conversation:
tts:
- platform: baidu
app_id: !secret baidu_tts_app_id
api_key: !secret baidu_tts_api_key
secret_key: !secret baidu_tts_secret_key
speed: 5
pitch: 5
volume: 8
person: 0
ifttt:
key: !secret ifttt_key
mqtt:
broker: !secret mqtt_broker
username: !secret mqtt_username
password: !secret mqtt_password
client_id: macmini_debian10
# discovery: true
panel_custom:
- name: floorplan
sidebar_title: 平面图
sidebar_icon: mdi:developer-board
url_path: floorplan
config: !include floorplan.yaml
# panel_iframe:
logitechmediaserver:
title: LogitechMediaServer
icon: mdi:music
url: 'https://xxxx/'
daapd:
title: DAAPD
icon: mdi:music
url: 'https://xxxx/#/'
config目录(hassio)
packages目录
config同目录下的文件，比如lovelace文件夹
上面的东西都是通过!include 引用的，它本身很好用，不过最开始没有这个习惯的话就比较麻烦，比如我。
3.2 效果展示
3.2.1 首页
3.2.2 位置追踪
3.2.3 设备控制
3.2.4 环境监测
3.2.5 家庭安防
3.2.6 多媒体控制
-
红外控制：博联（pro和mini），现在基本都在吃灰
-
harmony：harmony+hub使用体验确实不错，无脑接入。
- 遥控器也是两个动作，单击开关，长按弹出遥控器界面。
3.2.7 能耗监测
电表计量的准确性没怎么管，我家虽然电费不少，不过也用不了这么多电。
3.2.8 设备监控
四 、我的环境
主机环境:
debian10+docker+hassio，我的配置N1跑不起来。
平台环境:
hassio版本： Home Assistant 0.108.5.
