本经验介绍在HomeAs衡痕贤伎sistant中，如何自定义lovelaceUI。自定义lovelaceUI有修改lovelace文围泠惶底件(~/.homeassistant/.storage)和直接在UI界面修改两种。本经验介绍后者。
工具/原料
HomeAssistant0.101.3
方法/步骤
1、首先打开lovelaceUI界面，如图是自动配置的界面。下面说明如何改为自己配置。
2、点击右上角汉堡菜单，接着点击配置UI。
3、这里会提醒是否要自行编辑。自行编辑不会再随着设备增减自动更新UI。这里点击自行编辑。（以后也是有办法恢复为自动的）
4、确认后，进入lovelace曷决仙喁UI编辑模式。每一个卡片下面有一行按钮，点击编辑修改卡片内容，上下箭头调整卡片顺序，汉堡菜单可以进行删除操作。
5、如果要新增卡片，点击右下角的加号按钮。以新增entities（多个实体显示）卡片为例。
6、在卡片配置页添加多个实体名称，即可看到如图的自定义卡片效果。
7、另外，如果希望以代码的方式配置UI，可以点击右上角汉堡菜单中的原始配置编辑器。
8、点击后会显示yaml格式的配置。输入时也会自动检查语法。
9、全部设置好之后，点击左上角叉号关闭设置模式，即可使用配置好的UI。
