Lovelace-WallPanel 安装与配置指南

Lovelace-WallPanel 安装与配置指南

lovelace-wallpanel 🖼️ Wall panel mode and photo screensaver for your Home Assistant Dashboards 项目地址: https://gitcode.com/gh_mirrors/lo/lovelace-wallpanel

1. 项目基础介绍

Lovelace-WallPanel 是一个为 Home Assistant 的 Dashboard 设计的扩展插件。它能够将 Dashboard 转换为墙面板模式，并提供照片和视频幻灯片屏幕保护功能。用户可以自定义显示 Dashboard 视图、卡片和徽章，同时支持全屏模式、隐藏侧边栏和顶部栏、屏幕唤醒锁定以及运动检测等功能。本项目主要使用 JavaScript 编程语言。

2. 项目使用的关键技术和框架

本项目主要利用了以下技术和框架：

• Home Assistant：一个用于智能家居自动化系统开源平台。
• Lovelace UI：Home Assistant 的一个用户界面框架，用于创建自定义的 Dashboard。
• JavaScript：用于开发网页和服务器端应用的一种脚本语言。
• Node.js：一个基于 Chrome V8 引擎的 JavaScript 运行环境。
• NPM：Node.js 包管理器，用于管理项目中的包和依赖。

3. 安装和配置准备工作及详细步骤

准备工作

在开始安装之前，请确保您已经满足了以下条件：

• 安装了 Home Assistant。
• Home Assistant 的版本至少为 0.110.0。
• 您的系统中已安装 Node.js 和 NPM。

安装步骤

1. 克隆项目到本地环境：

   git clone https://github.com/j-a-n/lovelace-wallpanel.git
   

2. 进入项目目录：

   cd lovelace-wallpanel
   

3. 安装项目依赖：

   npm install
   

4. 在 Home Assistant 的配置文件中（通常是 configuration.yaml），添加 WallPanel 配置：

   wallpanel:
     enabled: true
     hide_toolbar: false
     hide_sidebar: true
     fullscreen: false
     idle_time: 10
   

5. 保存并关闭配置文件。

6. 在 Home Assistant 界面中，前往 Overview 页面。

7. 点击右上角的三点菜单，选择“编辑 Dashboard”。

8. 再次点击三点菜单，选择“原始配置编辑器”。

9. 将 WallPanel 配置粘贴到编辑器中，并确保它位于其他配置之上。

10. 保存并关闭编辑器。

11. 重启 Home Assistant 使配置生效。

完成以上步骤后，WallPanel 应该已经为您的 Home Assistant Dashboard 激活，侧边栏应该被隐藏，并且在设定的时间内无操作后，屏幕保护程序将自动启动。

lovelace-wallpanel 🖼️ Wall panel mode and photo screensaver for your Home Assistant Dashboards 项目地址: https://gitcode.com/gh_mirrors/lo/lovelace-wallpanel