本文作者：zhujue

5、Home Assistant的UI设计的基础讲解

zhujue 2022-03-23 15:49:50 35 抢沙发
5、Home Assistant的UI设计的基础讲解摘要： Hi，大家好，我是天马！我相信能点开这个文档的一定是真爱粉！然后专栏内容，在PC端无法复制，所以我采用自己的Note Station进行分享。希望大家也能给我专栏素质三连哈！感谢！...
Hi，大家好，我是天马！
我相信能点开这个文档的一定是真爱粉！
然后专栏内容，在PC端无法复制，所以我采用自己的Note Station进行分享。
希望大家也能给我专栏素质三连哈！感谢！
专栏：https://www.bilibili.com/read/cv7769256
5、Home Assistant的UI设计的基础讲解
安装HACS（Home Assistant Community Store）
这就是Home assistant 的应用插件商店，以后都需要用到这个。
HACS下载链接：https://github.com/hacs/integration/releases/tag/1.6.0
hacs.zip
值得注意的是，最好使用win电脑去上传，不然会丢失隐藏文件，导致安装失败。
Home Assistant的文件夹内部新建custom_components和www文件夹，视频中components拼错了
登录后，点击‘Generate new token’
HACS的token：https://github.com/settings/tokens
修改群晖Host文件，通过SSH，教程在2分20秒：https://www.bilibili.com/video/BV1EE411W7oa?p=6
199.232.68.133 raw.githubusercontent.com
插件安装

  • intergration集合

  • frontend前端UI

安装方式

  • 加号，直接安装

  • 搜索不到，点击Custom repositories

  • 手动安装，去Github下载

frontend前端UI的资源路径
/hacsfiles/air-visual-card/air-visual-card.js
图标
输入mdi:加你要的icon。
icon地址：https://cdn.materialdesignicons.com/4.3.95/
因为是手动安装，我们需要用/local/community/开头，这里的local是固定的，home assistant会自动去找到www文件夹。后面的路径就是你刚刚新建的文件夹名字和手动安装js文件。
必须安装的插件frontend
 

  • 自动更新实体 

    • auto entities

  • 按钮

    • button-card

  • 自定义书签、表头

    • custom-header 

  • 自定义卡片的位置，排列，大小 

    • card-mod

    • card-tools

    • layout card

    • mini graph card;

    • more-info-card

    • state-switch

  • 可滑动卡片 

    • swipe card

  • 天气 

    • weather card;

    • simple weather card

  • 扫地机器人（米家）

    • simple vacuum card

  • 日历 calendar-card（这个可以先不装）

  • 播放器 

    • mini media player;

    • upcoming-media-card

  • 搜索

    • search-card

  • 空气质量 

    • air-visual-card

  • 空调卡片 

    • Thermostat popup card（手动）https://github.com/DBuit/thermostat-popup-card

  • 灯卡片 

    • Light Entity; light-popup-card （手动） https://github.com/DBuit/light-popup-card

必须安装的插件intergration

  • Lovelace Gen

  • browser_mod

  • 小米电风扇 https://github.com/syssi/xiaomi_fan

    • Xiaomi Mi Smart Pedestal Fan Integration（手动）

  • 米家空调伴侣 https://github.com/syssi/xiaomi_airconditioningcompanion

    • Xiaomi Mi and Aqara Air Conditioning Companion Integration（手动）


  • 美的空调 

    • Midea Smart Aircon


  • 米家空气净化器/加湿器 https://github.com/syssi/xiaomi_airpurifier

    • Xiaomi Mi Air Purifier and Xiaomi Mi Air Humidifier Integration（手动）


  • 米家智能插座 https://github.com/syssi/xiaomiplug

    • Xiaomi Smart WiFi Sockets and Power Strips（手动）


  • 米家电饭煲 https://github.com/syssi/xiaomi_cooker

    • Xiaomi cooker （手动）

大家安装好后，我还是给恶心云链接给大家下载
恶心云
然后我们打开configuration.yaml文件，随便找一个位置粘贴进去，注意打开后先选择utf-8，然后粘贴往后，注意缩进是否是对的？对比我视频内容就行。好了后点击保存。
configuration.yaml文件代码：
链接:https://pan.baidu.com/s/1ZhCSbIYMivY97sbMPYrEIA  密码:r0sy
希望下载这代码的小伙伴能给我充电，打赏一下，维护做教程不容易
homeassistant:
  customize: !include customize.yaml
  packages: !include_dir_named packages/
frontend:
  themes: !include_dir_merge_named themes/
browser_mod:
alarm_control_panel:
  - platform: manual
    name: Home Alarm
    code: !secret alarm_code
    delay_time: 0
    trigger_time: 100
    disarmed:
      trigger_time: 0
    armed_home:
      delay_time: 0
    disarm_after_trigger: false
lovelace:
  mode: storage
  dashboards:
    homekit-infused:
      mode: yaml
      title: Homekit Infused
      icon: mdi:home-assistant
      show_in_sidebar: true
      filename: homekit-infused.yaml
  
sensor:
  - platform: time_date
    display_options:
      - 'time'
      - 'date'
      - 'date_time'
      - 'date_time_utc'
      - 'date_time_iso'
      - 'time_date'
      - 'time_utc'
      - 'beat'
ok以上就是本期视频全部内容了！我们下个视频见！


标签：

文章版权及转载声明

作者:zhujue本文地址：http://183.162.193.250:5900/post/5.html发布于 2022-03-23 15:49:50
文章转载或复制请以超链接形式并注明出处天云博客

打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

海报
阅读
分享

发表评论

快捷回复：

评论列表 （暂无评论，35人围观）参与讨论

还没有评论，来说两句吧...