一、前言
接触HA及IOB开源家居平台这几年,从小白长成老白,因为没有代码基础,依靠论坛大佬们的分享贴和各路开发大神开发的好玩的插件,用抄抄抄、等等等等自带技能,终于在四年过去之后…我特么还在玩Lovelace界面。。。
好了不啰嗦了,发这个帖子的目的也是分享一些自己在折腾界面过程中的一些经验和小白教程的配置分享。
受萝卜大神的影响,他的每一个帖子都写的比较细致,我本身也很啰嗦,界面也比较耗费时间,所以我做成了视频版本的,个人并不太喜欢也不推荐去看视频教程,不过文字描述界面这玩意,也确实太费功夫,先自己琢磨和看文档参考,不行的话再参考视频。
重点看大神的发布的源文档,这很重要。
二、GitHub上一些界面相关的界面仓库介绍
2.1、框架+插件型:Homekit Infused
仓库地址:
我主要在玩这个,目前分享也是这个框架主题的玩法,我在B站更新了一些配置相关的内容,需要的可以瞅瞅,介绍我写的实在是太多了,我先偷个懒,先不贴了,而且也多说一句,精力有限,如果喜欢界面还喜欢这个主题框架,强烈建议去看上面链接的文档和视频,我觉得我说的已经超级细致了,虽然混乱了一点。
2.2、框架+插件型:dwains-lovelace-dashboard
仓库地址:
和上面差不多异曲同工,接触过一些,暂时没深入
2.3、Lovelace卡片组合主题1:
分享的大佬叫Mattias Persson:
仓库地址:
这个直接用lovelace插件配置的,比较繁琐,看了下新发布的demo,也支持手机上自适应了,以前是平板上看起来很舒服的一个界面,我也发过分享贴,后来弃坑了,有坛友还在问,所以贴一下,有时间了再尝试。
2.4、Lovelace卡片组合主题2:
ha论坛地址:https://community.home-assistant.io/t/neon-lovelace-ui-and-theme-for-tablets/307230 GitHub库名好像改了,暂时没找到地址,这个使用HA的WEBUI配置的,不是用yaml文件方式,可以试一试。
来自萝卜的发掘推荐。
2.5、Lovelace卡片组合主题3:
论坛链接:https://community.home-assistant.io/t/lovelace-ui-minimalist/322687
仓库地址:
感觉比较类似米家,这个来自书记的发掘推荐,暂时没玩过。
2.6、Lovelace卡片组合主题4:
还有一个我偶然发现的比较cool的:
仓库:
效果是视频,手机上操作感觉很棒,也推荐一下。
2.7、Lovelace卡片组合主题5:
论坛地址:https://community.home-assistant.io/t/floorplan-ui-with-color-synced-lights/169417
仓库地址:
这个基于Floorplan的3D视图。
2.8、Lovelace卡片组合主题6:
仓库地址:
三、风险提示
因为主题框架或者大神们分享的主题配置本身也依赖于第三方各类lovelace插件,所以lovelace插件的更新和HA系统的更新(现在相对稳定了很多)可能也会造成“好不容易配置完毕,结果一升级界面显示出问题”的情况,加上小白如我,学习速度、排查技能和空闲时间赶不上更新频率且有时候还手欠喜欢瞎UPDATE的尿性,所以一定谨慎入坑,我分享的参考界面配置本身也存在这个问题,So,享受折腾?
四、参考教程
配置仓库:
视频教程虽然做的比较差,也放一下:
4.1 Homekit Infused
安装篇: https://www.bilibili.com/video/BV1mb4y1U7E1/
介绍篇: https://www.bilibili.com/video/BV1BL411J7mB/
配置篇01: https://www.bilibili.com/video/BV1bq4y1M7pd/
配置篇02: https://www.bilibili.com/video/BV1jL411b79Z/
关于和这个主题的其他暂时没有更新,有空再搞。
4.2 Lovelace卡片组合主题配置1
(1)图片截图:
(2)文字说明: https://www.bilibili.com/read/cv12846697
(3)录屏效果 :https://www.bilibili.com/video/BV1u64y1v7TC/
4.3 Lovelace卡片组合主题配置2
效果:https://www.bilibili.com/video/BV1CQ4y1z7f9