Bubble 的安装和配置教程

1. 项目基础介绍和主要编程语言

Bubble 是一个为 Home Assistant 设计的暗色简约主题，采用了移动优先的设计理念。它基于 aFFekopp 的 Noctis 主题进行开发，通过安装 card-mod 可以获得更多功能，如桌面端的移动视图和移动端无头部显示等。

该项目的开发主要使用了 JavaScript 语言。

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

Bubble 主题使用了以下关键技术和框架：

• Home Assistant: 一个开源的家庭自动化平台，用于控制智能家居设备。
• card-mod: Home Assistant 的一个插件，用于自定义 Lovelace UI 的卡片。
• HACS (Home Assistant Community Store): Home Assistant 的一个社区插件商店，用于方便用户安装和管理社区开发的插件和主题。

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

准备工作

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

• 安装了 Home Assistant。
• Home Assistant 的版本支持 Bubble 主题。
• 如果使用 HACS 安装，需要先安装 HACS。

安装步骤

方法一：不使用 HACS 安装

1. 下载 bubble.yaml 文件。

2. 在 Home Assistant 的配置目录中创建一个名为 bubble 的新文件夹，并将下载的 bubble.yaml 文件放入该文件夹中。

3. 打开 configuration.yaml 文件，添加以下内容：

   frontend:
     themes:
       !include_dir_merge_named themes
   

4. 保存 configuration.yaml 文件并重启 Home Assistant。

5. 进入个人账户设置，选择 Bubble 作为你的主题。

方法二：使用 HACS 安装

1. 按照官方文档指导，下载并安装 HACS：HACS 安装指导。

2. 根据官方文档完成 HACS 的初始配置：HACS 配置指导。

3. 在 Home Assistant 的侧边栏中进入 HACS > 集成，点击右上角的图标，然后选择 “自定义仓库”。

4. 在仓库地址栏中输入：https://github.com/Clooos/Bubble。

5. 在类别中选择 “主题”，然后点击 “添加”。

6. 点击 “Bubble”，然后点击 “下载” 按钮。

7. 打开 configuration.yaml 文件，添加以下内容：

   frontend:
     themes:
       !include_dir_merge_named themes
   

8. 保存 configuration.yaml 文件并重启 Home Assistant。

9. 进入个人账户设置，选择 Bubble 作为你的主题。

完成以上步骤后，Bubble 主题应该已经成功安装在你的 Home Assistant 系统中，你现在可以享受一个暗色简约且移动优先的界面设计了。