【纯小白总结贴】折腾HA也有一段时间了，整理总结下成果
本帖最后由 zxyny1989 于 2021-2-23 18:00 编辑声明：本人折腾HA不久，属于小白级别，此贴只是给像我一样的小白使用；大佬轻喷。
-------------------------------------------------------------------------------------------------------
20210223修改：
1、背景图片的添加（参考这个帖子给HA加个背景）： 在lovelace下添加一行
background: <font color="#a6e22e">center</font> <font color="#a6e22e">/</font> <font color="#a6e22e">cover</font> <font color="#f92672"><b>no</b></font><font color="#a6e22e">-repeat</font> <font color="#a6e22e">url("/local/images/background.jpg")</font> <font color="#a6e22e">fixed</font>
注意下路径和文件名，添加后请重启 https://bbs.hassbian.com/data/attachment/forum/201906/14/154929tt7k1317y3ohy7cv.png
2、仿homekit简要信息栏参考的这个帖子用lovelace制作仿homekit和米家的简要信息栏；
3、背景图片的动态彩带参考的这个帖子给你的HomeAssistant添加个彩带特效；
4、因使用的是zigbee2mqtt网关，没有小米网关，所以安防警戒面板是通过模拟实体实现了，参考的这个帖子官方 Alarm 警报面板 组件 详细解析
不知道是因为我用的最新版的问题还是别的原因，我按帖子里详细添加一直报错，结果最简单的设置下竟然好了。
-----------------------------------------------------------------------------------------
先展示下页面（因新房还未装修，现在是纯折腾；也没上几个设备，纯粹为了学习）：
-----------------------------------------------------------------------------------------
一、
1、AirVisual使用的air visual插件；先在集成里添加air visual集成，然后在lovelace卡中添加代码，具体见帖中说明；参考了新人请教：air visual card显示状态无法显示中文帖子，虽然英文显示我给改成中文了，但air visual不怎么稳定，大佬建议我改成waqi的api，但我一直没折腾明白。
2、colorfulclouds彩云天气我参考的是F大的更优雅的彩云天气[信息丰富][使用简单]更新卡片插件；集成中先添加colorfulclouds集成，添加卡片时，卡片列表中有，名字是“自定义：colorfulclouds weather lovelcace card”;
3、人员位置，安卓手机最早使用的Gpslogger，后来改用了官方app-高德地图sdk版app；苹果手机使用的集成里的icloud集成；
说下一直弹验证码的解决办法：
注册个新的iphone账号并登录，把原有账号共享位置给共享到新账号上；然后集成里设置好后就退出新注册账号；
4、地图我参考的J大的和官方一毛一样的百度地图【2020-2-16支持隐藏自带的地图】插件，直接替换隐藏了官方的地图；
另外说说地图lovelace的事情：
1）上边的百度地图插件是直接带lovelace卡的，添加卡片时，卡片列表中有，名字是“自定义：百度地图”，添加时会自动识别带位置信息的实体；
2）还有一个高德的地图卡，我用的是基于高德地图的官方地图Lovelace卡片复刻版(重要更新)插件（F大的，和彩云天气一个作者）；
说说不足：百度地图很好用，只是不会根据实体自动缩放；但地图卡一张卡片上只能添加一个GPS设备，如果有多个设备需要添加多张地图卡；
高德地图卡可以添加多个GPS设备，并会根据距离自动缩放，网页和安卓APP上均显示正常，只有IOS上显示异常；
5、古诗词我参考的一日一句古诗词名句 使用今日诗词(jinrishici) 美化生活帖子，每小时一变化；中英谚语是参考的土豆大佬的Homekit Infused v3.5.3】Lovelace界面配置分享01帖子，边折腾边问才折腾好的。
-----------------------------------------------------------------------------------------
二、
第二面没有什么要说的，几乎都是泡在坛子里翻这位大佬的帖子，然后一点点折腾的。
-----------------------------------------------------------------------------------------
三、
1、环境卡片参考的Custom UI for 斐讯M1如何写到lovelace呢？，只是根据室外、客厅、卧室更换了相应的背景图。
2、今日油价参考的最新油价帖子
1）在configuration.yaml中添加：
sensor:
- platform: oilprice
name: 最新油价
region: henan region: henan“henan”改成自己需要显示的省份，比如：“zhejiang”
2）添加自定义卡片：
type: markdown
content: >
<ha-icon icon="mdi:update"></ha-icon> {{
state_attr('sensor.zui_xin_you_jie', 'update_time')}}
### <center>92#<ha-icon icon="mdi:gas-station"></ha-icon><font
color=#ea4335> {{ state_attr('sensor.zui_xin_you_jie', '92')}}
</font>95# <ha-icon icon="mdi:gas-station"></ha-icon><font color=#fbbc05>{{
state_attr('sensor.zui_xin_you_jie', '95')}}
</font> <p> 98# <ha-icon icon="mdi:gas-station"></ha-icon><font color=#4285f4>{{
state_attr('sensor.zui_xin_you_jie', '98')}}
</font>0#柴油<ha-icon icon="mdi:gas-station"></ha-icon> <font color=#34a853>{{
state_attr('sensor.zui_xin_you_jie', '0')}}
</font></center>
- {{ states('sensor.zui_xin_you_jie') }}
- {{ state_attr('sensor.zui_xin_you_jie', 'tips')}}
theme: Paper
3、DC1卡片使用的支持前端UI配置卡片的DC1 Lovelace卡片插件，卡片宽度在手机app上显示有一点点小瑕疵，影响不大；
-----------------------------------------------------------------------------------------
四、
云音乐我参考的云音乐4.0【支持播放本地音乐，断网也能听音乐哦】这个插件,API我是直接运行在我的Docker上的；
-----------------------------------------------------------------------------------------
五、
远程改配置文件，我使用的是七牛云，参考的在HA里使用的文件管理器【支持集成添加，无需配置】帖子；
-------------------------------------------------------------------------------------------------------
六、
另外老家的海康硬盘录像机我也接入了进来，是受tiger81大佬的指点；
说明：
1）先去萤石云开放平台申请开发者账号，并记下各通道的直播地址；
2）configuration.yaml中添加以下代码：
camera:
- platform: generic
name: 大门
still_image_url: https://hls01open.ys7.com/openlive/" target="_blank">https://hls01open.ys7.com/openlive/</a>*******.hd.m3u8
stream_source: https://hls01open.ys7.com/openlive/" target="_blank">https://hls01open.ys7.com/openlive/</a>*******.hd.m3u8 （如果有多个通道，就添加多个- platform: generic）
3）添加lovelace自定义卡片，写入以下代码：
type: picture-glance
title: 家
camera_view: live
entities: []
-------------------------------------------------------------------------------------------------------
七、
说下Docker下HA的升级问题（看下图注释）：
目前就想到了这么多，就先写到这里。
在此谢谢坛子里的各位大佬的帖子及不厌其烦的解答。
另：
下步想折腾逆地理，实现多少分钟到家；还有简要信息栏上显示有几盏灯没关等等；目前坛子里的帖子一添加就报错，具体还在找原因。
好吧，我还不会排版，搞得乱七八糟的。 直播的安全不 aiqienanguatou 发表于 2021-2-22 19:53
直播的安全不
别人拿不到你这个网址就没事；
我这是录像机在异地，才这样操作的；局域网内的没必要这样搞。 你加密是不是关了，还有你那个电量和油价什么的怎么添加的
请问楼主，人员的手机的电量提示是怎么来的？怎么添加出来的？非常感谢！ aiqienanguatou 发表于 2021-2-22 20:26
你加密是不是关了，还有你那个电量和油价什么的怎么添加的
电量：安卓是app发送过来的，苹果是icloud给过来的，我正文帖子上有写。
油价参考的最新油价 melau05 发表于 2021-2-22 20:56
请问楼主，人员的手机的电量提示是怎么来的？怎么添加出来的？非常感谢！...
电量：安卓是app发送过来的，苹果是icloud给过来的，我正文帖子上有写。
不过安卓电量和充电状态是分开的，通过icloud接入的苹果充电时电量图标上会有充电状态。 zxyny1989 发表于 2021-2-22 21:15
电量：安卓是app发送过来的，苹果是icloud给过来的，我正文帖子上有写。
不过安卓电量和充电状态是分开的 ...
你那个油价的卡片怎么装的能说下么
本帖最后由 zxyny1989 于 2021-2-23 00:29 编辑
aiqienanguatou 发表于 2021-2-23 00:06
你那个油价的卡片怎么装的能说下么
configuration.yaml中：
sensor:
- platform: oilprice
name: 最新油价
region: henan
卡片：
type: markdown
content: >
<ha-icon icon="mdi:update"></ha-icon> {{
state_attr('sensor.zui_xin_you_jie', 'update_time')}}
### <center>92#<ha-icon icon="mdi:gas-station"></ha-icon><font
color=#ea4335> {{ state_attr('sensor.zui_xin_you_jie', '92')}}
</font> 95# <ha-icon
icon="mdi:gas-station"></ha-icon><font color=#fbbc05>{{
state_attr('sensor.zui_xin_you_jie', '95')}} </font> <p> 98# <ha-icon
icon="mdi:gas-station"></ha-icon><font color=#4285f4>{{
state_attr('sensor.zui_xin_you_jie', '98')}}</font>
0#柴油<ha-icon
icon="mdi:gas-station"></ha-icon> <font color=#34a853>{{
state_attr('sensor.zui_xin_you_jie', '0')}} </font></center>
- {{ states('sensor.zui_xin_you_jie') }}
- {{ state_attr('sensor.zui_xin_you_jie', 'tips')}}
theme: Paper