news 2026/9/3 13:46:39

Home Assistant界面定制教程:Lovelace仪表盘8个技巧,打造极简又强大的智能家居面板

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Home Assistant界面定制教程:Lovelace仪表盘8个技巧,打造极简又强大的智能家居面板

Home Assistant界面定制教程:Lovelace仪表盘8个技巧,打造极简又强大的智能家居面板

【免费下载链接】core:house_with_garden: Open source home automation that puts local control and privacy first.项目地址: https://gitcode.com/GitHub_Trending/co/core

Home Assistant 的 Lovelace 仪表盘是一款开源、本地优先的智能家居面板定制工具,无需写代码就能把灯光、能源、地图等卡片自由排布成你心仪的主界面。本文将用 8 个实用技巧,带你快速把默认面板打造成既极简又强大的智能家居控制中心。

1. 先搞懂:三种仪表盘模式怎么选?

Lovelace 在源码中定义了三种配置模式,位于 homeassistant/components/lovelace/const.py:

模式适合谁
存储模式(推荐)storage新手,全程用图形界面编辑
YAML 模式yaml喜欢用配置文件管理的高级用户
自动生成模式auto-gen过渡方案,自动生成基础视图

👉新手建议:保持默认的存储模式,所有改动都在浏览器里完成,改错了也能一键回退。

2. 技巧一:用 UI 编辑器,告别 YAML 报错

存储模式下,面板数据保存在本地.storage目录中。点击仪表盘右上角的"编辑"按钮,即可拖拽卡片、调整大小——这一切由 homeassistant/components/lovelace/websocket.py 中的 WebSocket 接口实时保存,无需重启服务。

💡 极简秘诀:把常用卡片放在第一屏,其余按"房间"分视图,用底部标签页切换。

3. 技巧二:创建多个仪表盘,各管一摊

你可以在"设置 → 仪表盘"中创建多个独立面板,每个面板有自己的 url_path(如energyfloor-2)、标题和图标。

  • URL 路径需要包含连字符(-),这是init.py 中的硬性校验规则
  • 每个仪表盘可独立设置"是否在侧边栏显示"

把"总览""地图""能耗"拆成三个面板,主面板立刻清爽一半。

4. 技巧三:自定义侧边栏图标,打造专属导航

每个仪表盘的侧边栏图标可自由选择 Material Design 图标,默认图标是mdi:view-dashboard(见 const.py)。例如:

  • 总览面板 →mdi:home-variant
  • 地图面板 →mdi:map
  • 能耗面板 →mdi:bolt

一个合适的图标,是极简面板的第一印象。

5. 技巧四:资源管理,按需加载 JS / CSS 卡片

想在仪表盘中使用自定义卡片?通过"设置 → 仪表盘 → 资源"添加即可,支持jscssmodulehtml四种类型(定义于 const.py)。本地文件放在配置目录的www文件夹,通过/local/xxx.js引用;若文件缺失,系统会主动警告文件名大小写不匹配的问题(逻辑见init.py)。

修改资源后,可调用reload_resources服务热加载,服务定义见 services.yaml——不用重启 Home Assistant。

6. 技巧五:进阶用户迁移到 ui-lovelace.yaml

如果你希望仪表盘配置可以版本管理、方便备份,可在configuration.yaml中为面板指定 YAML 文件,默认文件名是ui-lovelace.yaml(常量定义见 const.py)。配置解析逻辑在 homeassistant/components/lovelace/init.py,每个 YAML 仪表盘都要求mode: yamlfilename两个字段。

📌 官方文档地址可在 manifest.json 的documentation字段中找到,方便查阅完整语法。

7. 技巧六:一键生成位置地图面板

Lovelace 内置了"地图面板"能力:完成新手引导时会自动创建一个map面板,其配置仅为一个地图策略(见init.py)。在"设置 → 仪表盘"中手动新建时选择"地图"类型,即可把家庭成员、宠物、车辆等位置实体直接投射到地图上,极简又直观。

8. 技巧七:用 require_admin 保护敏感面板

涉及车库门、摄像头、报警系统的面板,建议开启"仅管理员可访问"。该字段 require_admin 在面板注册时会生效(见 _register_panel),普通家庭成员账号打开会看到 403 而非空白页,既极简又安全。

9. 技巧八:用 auto-gen 模式做平滑过渡

刚把一堆设备接入 Home Assistant(如 Matter、MQTT、Zigbee 等集成),还没有整理视图?先把模式设为auto-gen,系统会自动按设备生成基础仪表盘。等熟悉后,再逐步切换到storage模式手工美化——这是社区公认最顺滑的上手路径。

常见问题

Q:改错界面能恢复吗?存储模式的每次保存都有版本历史,可在编辑器的版本面板中回退。

Q:面板在侧边栏消失了?检查该仪表盘的show_in_sidebar是否被设为关闭,相关逻辑见 dashboard.py。

Q:旧版全局mode: yaml配置还会用吗?该写法已被标记弃用(见init.py),建议按修复提示改为逐面板定义,迁移指引见 strings.json。

总结

Lovelace 仪表盘的定制核心就八个字:多面板拆分、卡片做减法。配合存储模式的可视化编辑、资源热加载与管理员权限控制,即使是新手,也能在半天内打造出一个极简、稳定、可扩展的智能家居主面板。祝定制愉快 🏠

【免费下载链接】core:house_with_garden: Open source home automation that puts local control and privacy first.项目地址: https://gitcode.com/GitHub_Trending/co/core

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/3 13:46:31

Access数据库开发实测:ChatGPT、Gemini、Claude谁更靠谱?

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

作者头像 李华
网站建设 2026/9/3 13:45:40

AI方言解说技术实践:从语音识别到音视频合成的全栈解决方案

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

作者头像 李华
网站建设 2026/9/3 13:45:31

Chart.js 饼图与环形图实战:doughnut 定制、偏移与空状态处理

Chart.js 饼图与环形图实战&#xff1a;doughnut 定制、偏移与空状态处理 【免费下载链接】Chart.js Simple HTML5 Charts using the tag项目地址: https://gitcode.com/gh_mirrors/ch/Chart.js Chart.js 是一款基于 HTML5 <canvas> 标签的轻量级图表库&#xff0c;…

作者头像 李华
网站建设 2026/9/3 13:44:53

智慧排水监测系统平台是什么?5 大核心功能与应用价值详解

地下排水管网是城市运行中不可见的“毛细血管”&#xff0c;一旦堵塞或超负荷&#xff0c;便可能引发内涝、污水冒溢等连锁问题。近年来&#xff0c;国内多个城市开始借助物联网、大数据与人工智能技术建设智慧排水监测平台&#xff0c;将分散的管网数据汇聚为统一管理视图。本…

作者头像 李华
网站建设 2026/9/3 13:44:41

Dify+RAG实战:零代码搭建私有知识库问答系统(含Qwen模型配置)

1. 先搞清楚 Dify RAG 到底能帮你解决什么问题如果你手头有一堆内部文档、产品手册、技术资料或者行业规范&#xff0c;每次想快速查个具体信息都得人工翻找&#xff0c;那这个组合就值得试试。Dify 是一个能让你用图形界面拖拽搭建 AI 应用的低代码平台&#xff0c;RAG&#…

作者头像 李华