HomeAssistant集成部署MDI(Material Design Icons)图标标签

时间:2024-04-03 18:34:50

一、前言

经常使用HomeAssistant的同学都应该清楚,在HomeAssistant中我们可以使用MDI图标(如下图红框中的图标都是MDI的图标),让自己的HomeAssistant看起来更加美观。

HomeAssistant集成部署MDI(Material Design Icons)图标标签

但是在使用MDI图标的时候我们需要知道其图标的编码。这个编码需要大家到官网去查询,这个过程就比较麻烦了。于是我们可以将MDI的图标和编码集成到HomeAssistant中(如下图),这样大家使用MDI就更加方便了。

HomeAssistant集成部署MDI(Material Design Icons)图标标签

二、部署方式

1、下载MDI的静态资源

首先我们需要在Docker中找到HomeAssistant的容器,打开配置到终端机的Tab。然后再新增中选择通过命令启动。

HomeAssistant集成部署MDI(Material Design Icons)图标标签

接着在弹出框中输入sh,然后点击确定即可。

HomeAssistant集成部署MDI(Material Design Icons)图标标签

在开启的shell框中输入cd /usr/local/lib/python3.8/site-packages/hass_frontend/static,然后回车。ps:路径中的python3.8可能不同的环境版本号会不一样,如果大家无法直接cd,则到/usr/local/lib下看看自己的python是哪个版本,然后进入对应的目录即可。

然后再该目录执行git clone https://github.com/james-fry/home-assistant-mdi 命令从github下载MDI的静态资源。然后静态资源就下载完毕了。

HomeAssistant集成部署MDI(Material Design Icons)图标标签

2、在HomeAssistant中配置MDI

接着在HomeAssistant的configuration.xml文件中配置MDI。其中的icon大家可以根据自己的喜好换成喜好的MDI图标;其中的IP和端口就是HomeAssistant的ip和端口。

HomeAssistant集成部署MDI(Material Design Icons)图标标签

然后重启HomeAssistant,启动完成后登陆HomeAssistant就能够看到MDI的标签了。

HomeAssistant集成部署MDI(Material Design Icons)图标标签

三、惯例

如果你对本文有任何疑问或者高见,欢迎添加公众号共同交流探讨(添加公众号可以获得”Java高级架构“上10G的视频和图文资料哦)。

HomeAssistant集成部署MDI(Material Design Icons)图标标签