Home Assistant Mobile First 配置与使用指南

Home Assistant Mobile First 配置与使用指南

Home-Assistant-Mobile-First A minimalist and user-friendly design, combined with an mobile first approach for the Home Assistant dashboard. 项目地址: https://gitcode.com/gh_mirrors/ho/Home-Assistant-Mobile-First

---

项目目录结构及介绍

Home Assistant Mobile First 是一个专为 Home Assistant 设计的主题，采用了移动优先的设计理念，确保在手机端也能提供简洁友好的界面体验。下面是该仓库的主要目录结构及其简介：

• themes: 此目录包含了自定义主题文件，用于改变 Home Assistant 的视觉样式。
• www: 包含了可能用到的静态资源，如图标等，这些资源会被嵌入到前端以支持定制化显示。
• configuration.yaml: 示例或推荐的配置文件片段，展示如何集成此主题到您的 Home Assistant 配置中。
• lovelace.yaml: 提供了示例视图配置，展示了如何设置具有该项目特色的布局和小部件。

项目的启动文件介绍

本项目没有传统的“启动文件”，因为它是一个设计和配置集合，主要是通过 Home Assistant 的前端配置来激活和展示效果。关键在于正确配置 configuration.yaml 和 lovelace.yaml 文件，以及通过 Home Assistant 的用户界面或配置文件编辑器应用这些更改。

快速启动概览

1. 安装依赖：首先通过HACS（Home Assistant Community Store）安装必要的自定义组件和卡片。
2. 下载主题：从仓库下载ZIP文件，并将themes目录复制到您的Home Assistant配置目录下。
3. 配置整合：在Home Assistant的配置中引入新主题，并进行必要的配置修改以适应个人需求。
4. 重启并选择主题：完成配置后，重启Home Assistant，并在前端选择新主题使之生效。

项目的配置文件介绍

主配置 (configuration.yaml) 引入

在您的 configuration.yaml 文件中，您需要添加特定的条目以启用额外的模块URL和主题。例如：

frontend:
  themes: !include_dir_merge_named themes
  extra_module_url:
    - /hacsfiles/lovelace-card-mod/card-mod.js

这段配置确保了主题文件被加载并且必要的JavaScript模块得以应用。

主题配置 (themes 目录)

在 themes 目录下的文件负责整体外观的变化，比如颜色方案和一些基本UI元素的样式调整。您可能需要在此基础上按需调整，以匹配您家中的具体传感器名称或服务。

Lovelace配置 (lovelace.yaml)

项目的lovelace.yaml提供了预配置的视图和卡牌例子。这部分是高度个性化的，通常包括自定义的小部件（如button-card, mini-graph-card等），以及如何组织它们以展示家庭自动化状态和控制。您应根据自己的实体和需求来调整这些配置。

---

请注意，实际操作时需要遵循具体文件内的注释和说明，因为每个用户的Home Assistant环境都是独特的，可能需要相应地调整配置细节。

Home-Assistant-Mobile-First A minimalist and user-friendly design, combined with an mobile first approach for the Home Assistant dashboard. 项目地址: https://gitcode.com/gh_mirrors/ho/Home-Assistant-Mobile-First