如何下载与安装 Mushroom：一个优雅的 Home Assistant 控制面板插件

如何下载与安装 Mushroom：一个优雅的 Home Assistant 控制面板插件

lovelace-mushroom Mushroom Cards - Build a beautiful dashboard easily 🍄 项目地址: https://gitcode.com/gh_mirrors/lo/lovelace-mushroom

---

项目介绍

"Mushroom" 是专为 Home Assistant 设计的一个组件集合，旨在通过其易用的卡片和选项编辑器，让你轻松构建个性化且美观的控制面板。无需繁琐地编辑 YAML 文件，它提供了图标选择器、颜色选取工具，并且内置了轻暗主题切换与国际化支持。Mushroom 赋予你基于 Material UI 颜色方案的界面定制能力，同时保持高度简洁，依赖性低。

---

项目下载位置

项目托管在 GitHub 上，你可以直接访问 Mushroom 的 GitHub 页面 来获取最新版本的代码。

---

项目安装环境配置

系统要求

• 安装有 Home Assistant 的环境。
• 推荐使用最新版 Home Assistant 确保兼容性。
• HACS（Home Assistant Community Store） —— 安装 Mushroom 的推荐途径，需要预先安装。

图片示例（注意：此处应插入实际操作图片，但由于文本限制，无法展示）

1. HACS 安装：首先确保 Home Assistant 中已安装 HACS。
2. 在 HACS 中搜索“Mushroom”，你会看到项目页面。
3. 点击“Install”按钮进行安装。

---

项目安装方式

通过 HACS 安装

1. 打开 HACS：在 Home Assistant 用户界面中找到并进入 HACS。
2. 查找蘑菇插件: 搜索框内输入“Mushroom”，点击搜索结果中的“Mushroom”插件。
3. 安装: 点击插件详情页的安装按钮。
4. 重启 Home Assistant（可能需要）以使插件生效。

手动安装

1. 访问项目GitHub页面的Release部分，下载最新的mushroom.js文件。
2. 将下载的文件上传到 Home Assistant 配置目录下的www文件夹。
3. 进入 Home Assistant 的【设置】->【Dashboards】->【更多选项】->【Resources】。
4. 添加资源，URL填写/local/mushroom.js，类型设为JavaScript Module。
5. 保存设置并刷新界面。

---

项目处理脚本

对于开发者或希望从源码编译的人：

1. 克隆项目：

   git clone https://github.com/piitaya/lovelace-mushroom.git
   

2. 进入项目目录并安装依赖：

   cd lovelace-mushroom
   npm install
   

3. 启动开发服务器（适用于修改源码即时查看效果）：

   npm start
   

4. 若要构建生产版本的mushroom.js文件，执行：

   npm run build
   

随后将生成的dist/mushroom.js文件替换手动安装路径下的旧文件即可。

---

请注意，具体步骤中的命令执行前，请确保你的环境已经正确配置了 Node.js 和其他必要的开发工具。上述步骤提供了基本的指导，详细操作可能会根据你的具体环境有所不同。

lovelace-mushroom Mushroom Cards - Build a beautiful dashboard easily 🍄 项目地址: https://gitcode.com/gh_mirrors/lo/lovelace-mushroom