cqs
homeassistant⽂件夹位置_第⼗七章聊聊外观——
Homeassistant管理页⾯
导读：
好的外观，会使⼈⼼情愉悦，合适的分布，能够⽅便操作，提⾼使⽤率和操作效率。
说了很多关于服务器架设，传感器链接，⾃动化处理，才想起来还没聊过外观的问题。虽然嫁接了Homebridge之后，⼤部分的操作可以通过喊Siri来操作，便利了很⼤，加上⾃动化处理的本⾝就是为了减少主动操作，然后终究有些时候还是要打开管理页⾯，不论是查看各个部件设备的状态也好，还是需要临时操作也好。外观的问题完全见仁见智，我⾃⼰觉得很好的布局，我太太就不喜欢。正如我不喜欢“奶油⼩⽣”，但这并不阻碍别⼈喜欢。所以我只说如何的范畴。
基础操作
新版的Homeassistant提供了可视化模板，很多的部件的设计也⾮常的好看，所以基础的设定可以直接点点选选就能完成。同时也提供了横向排版和纵向排版，熟悉了之后还是蛮好操作的。
打开HA管理页⽹址⽐如：192.168.1.2:8321之后，点击右上⾓的三个点，选择配置UI
配置UI
历史图表
⽐如历史图表
表盘显⽰实时数据
陶文doubler可以添加各种传感器，并将历史数据展⽰出来，当然也可以使⽤显⽰实时数据表盘
这时候问题就来了，太⼤块了，对不对，所以要⽤到横向平铺，也就是⽔平堆叠
⽔平堆叠
⽔平堆叠，并输⼊第⼀个传感器实体，然后点+添加第⼆张卡⽚。
选择⽔平堆叠
加了三个之后就成了这样，感觉好很多，当然可以加更多，主要看使⽤的设备上的展⽰效果来决定加⼏个。还可以同时混合其他卡⽚类型，按钮
⽐如按钮
所有的⽂字⾏使⽤Name可以⾃定义修改，部分卡⽚⽀持不显⽰名字，显⽰状态，图标等设定，都可以在设定卡⽚时的选项中设定。
xuming
more-info是详细信息，长按显⽰该项实体的详情。⽔平堆叠believe的意思
⽔平堆叠和垂直堆叠结合可以toggle是开关的意思，就是按⼀下切换⼀次开或者关，more-info
toggle
做成纵横结构，这个需要可以通过慢慢尝试来⼤致想要的效果，就不⼀⼀列举了。
总之图像化之后，⽐起最初⼤部分时候要通过写code来设计⽅便了很多。门槛也降低了很多。
⾃定义卡⽚
homeassistant custom ui就会出现很多，。
HA还提供了对定义卡⽚的⽀持，外站有很多共享资源，搜索homeassistant custom ui
配置页⾯
之前版本的HA添加⾃定义卡⽚是通过在Lovelace（也就是HA现在的管理界⾯）⾥⾯添加相应的js⽂件来实现，现在统⼀通过配置资源选项卡来管理。⽽且，github上有⾼⼈把很多很多的资源整理到了⼀起，开发了HACS这个东西，⾥⾯搜罗了许许多多的集成和前端的资源
等资源，安装便捷，强烈推荐。
01
HACS链接:/s/125V78A3pCk0s2RnKBOpMnA提取码: ur51
下载上述⽂件，解压并放置于HA⽬录⾥custom_components⽬录下，⽂件结构如下，注意外层⽬录为hacs，⾥⾯是其他⼦⽂件夹及⽂件。
02
注册github，并获取token，具体链接地址在：
四级考试时间安排
布莱克 莱弗利
将得到的token保存备⽤。
loap03
回到HA，清除浏览器缓存，并刷新页⾯。最稳妥的⾃然是重启HA。
留学生创业
然后侧边栏-配置-集成-添加，搜索hacs
添加后，在对应的位置粘贴刚才保存的github tokens。⼀路到完成，侧边栏会出现HACS，选择它，耐⼼等待⼏分钟加载资源，就可以看到许许多多的资源。
witter集成⾥⾯有许多可⽤的资源，⽽前端就是对应管理页⾯的⾃定义卡⽚啦，需要添加bar-card，就搜索它，添加，完成。相关的详情中有对应资源的使⽤说明，不再赘述。
