『瀚思彼岸』» 智能家居技术论坛

标题: 和风天气完整配置版本2025.6.18 [打印本页]

作者: dscao    时间: 2023-6-27 00:56
标题: 和风天气完整配置版本2025.6.18
本帖最后由 dscao 于 2025-6-18 13:28 编辑

看到还有人在用,还有跟贴,于是再更新了一下。

2025.6.18
修复卡片中夜间温度不显示的问题(感谢 Mr.G 提醒

2025.6.16
增加几个属性
天气实体中增加以下属性: 体感温度 feelslike、露点温度dew、云量 cloud。
ha通用的模板调用方法,取属性值参考:{{state_attr("weather.he_feng_tian_qi","feelslike")}}

2025.6.15
1、增加 Api host 配置,适配和风api方面作的调整。
2、增加可选JSON Web Token 方式
3、适配新ha,建议homeassistant 2025.6以上版本

2024.7.18

ha2025.1正常

2024.1.4

适配 HA 2024.1


2023.10.6
1、增加配置选项是否使用 包含“生活指数”的自定义天气实体卡片。
2、增加自动从网页获取“未来天气一句话总结”信息
3、如使用系统天气卡片,每天两次的页面可显示,不过和风数据只有一天最高温和最低温,效果不是很好。
4、其它一些小修复。


2023.9.9 仅用于 ha 2023.9.0及以后版本,新旧版本不兼容。修复弃用错误提示,但保留了属性值用于专用卡片。也就是没有使用新版的优化性能功能,但增加了新版 weather.get_forecast 服务功能。每天两次的原卡片数据未处理,以后有空再补上。 使用新版后某些自动化需要相应修改。

ha 2023.8 及以前版本请使用 2023.8.31版本

使用和风官方v7版api的和风天气完整配置版本(支持homeassistant 2023.6 以后版本)
感谢:hf-weatherqweather ,初版结合了这两个项目的代码拼凑而成。

后续参考之前彩云天气集成,准备新版“和风天气-官方API版 V2.0-2023.7.1
同时对卡片也进行了一些优化,统一线条明暗色模式下的颜色及粗细。


使用方式
附件下载解压到 custom_components或hacs自定义安装完成重启HA,刷新一下页面,在集成里搜索 和风天气 即可

实体添加成功后系统会自动注册卡片资源,不用单独安装卡片,强制刷新一下浏览器,或清空手机客户端的缓存一次。之后就可以添加卡片了。


注意: name 实体名字(不可重复配置)

api_key 和风申请的api key,申请地址:https://dev.qweather.com/ ,申请后,请认证为个人开发者,新建一个使用web api项目,获取key。
location 经纬度,请参考和风官方的地址列表,搜索你所在的地区。

默认,查询7天的数据。需要认证开发者,有一些格点天气之类的必须需要开发者。

免费订阅api请求额度 1000次/天,现在已改成全部后付费订阅,免费50000次/月,超额就需要付费。

天气和基础服务
价格适用于下列数据服务: 天气预报 • 分钟预报 • 预警 • 天气指数 • 空气质量 • 时光机 • GeoAPI • 天文 • 控制台API
请求量(每月)        价格(每次请求)
0~5万        CNY 0
之后的 95万        CNY 0.0007
之后的 400万        CNY 0.0005
之后的 500万        CNY 0.00035
之后的 4000万        CNY 0.00015
之后的 5000万        CNY 0.0001

刷新频率默认设置为10分钟,每次请求7个接口,安装或启动后第一次多请求一次geo接口,以显示city名称。

更新间隔,合计最快每小时16次,一天384+1,每启动ha或重载集成每个api增加请求1次。间隔默认为10分钟,当20分钟时一天312次,30分钟一天240次,60分钟一天168次。其它情况计算次数有点复杂。可根据需要配置天气的实体数量及自己有几个api来决定刷新间隔。

实况类数据 10-40分钟,最快以20分钟处理,3/小时

逐天预报 1-8小时,最快以1小时处理,1次/小时

生活指数 1小时 ,最快以1小时处理, 1次/小时

空气指数 未找到说明,当1小时处理,1次/小时

逐小时预报 1小时,最快以1小时处理,1次/小时

分钟级降雨 10-20分钟,最快以20分钟处理,3次/小时

灾害预警 5分钟,最快以10分钟处理,6次/小时

日出日落时间,每天调用1次。

Lovelace配置

  1. type: 'custom:qweather-card'
  2. entity: weather.tian_qi  #天气实体名称
  3. title:                  #卡片标题
  4. name:                   #名称,不填写则显示城市或县名称
  5. show_attributes: true   #是否显示属性
  6. show_hourly_forecast: true  #是否显示小时级预报
  7. show_daily_forecast: true   #是否显示天级预报
  8. show_daily_chart: true      #是否曲线图表
  9. show_daily_date: true       #是否天级预报的日期
  10. show_condition_text: true   #是否显示天级预报的天气名称
  11. show_keypoint: true         #是否显示关键总结的一句话信息
  12. show_warning: true          #是否显示气象预警信息
  13. show_warningtext: false      #是否显示气象预警信息的详细内容
  14. show_night: false            #是否显示天级预报的夜间内容
  15. show_wind: false            #是否显示天级预报的风速风向
  16. show_daily_temperature: false #是否显示天级预报的气温文字
  17. show_thick_border: false  #是否以较清晰线条显示,否则以系统divider线条显示
复制代码
以上为默认选项,如需更改,则true改成false,false改成true。


  [attach]49137[/attach]
[attach]49138[/attach]


[attach]49139[/attach]


[attach]49140[/attach]

[attach]49066[/attach]

[attach]49118[/attach]


[attach]49141[/attach]


感谢 郭子漳 提供的丰富卡片内容的部分代码

[attach]49176[/attach]

[attach]49177[/attach]

[attach]49343[/attach]

最新版本V2.0 2023.7.3,已上传。

2023.8.31 修复不同地点的日出日落时间都使用了ha中sun实体的问题

2023.9.9 适配新版 ha2023.9.0以上版本,新旧版本不兼容。


2023.10.6
[attach]51984[/attach]


[attach]51985[/attach]


[attach]51986[/attach]


[attach]51987[/attach]

另外最新版ha2023.9正常支持的彩云天气集成分享: https://bbs.hassbian.com/thread-19320-1-1.html

个人感觉还是彩云天气的数据比较准确,但那个如果没有免费额度就只能弃用了。







作者: Mr.G    时间: 2023-6-27 07:29
感谢大佬的修复
作者: Mr.G    时间: 2023-6-27 07:33
本帖最后由 郭子漳 于 2023-6-27 08:09 编辑

感觉他这个图标不是很好看,但是图标好多,好像可以跟官方接口里的图标对应
作者: jasonkiddy2k    时间: 2023-6-27 09:33
谢谢分享,下来看看效果怎么样
作者: jasonkiddy2k    时间: 2023-6-27 10:37
感谢分享,经纬度那有个错别字,其他完美
作者: dscao    时间: 2023-6-27 11:05
jasonkiddy2k 发表于 2023-6-27 10:37
感谢分享,经纬度那有个错别字,其他完美

啊,是哦。
作者: Mr.G    时间: 2023-6-27 22:41
本帖最后由 郭子漳 于 2023-6-30 07:57 编辑

大佬,根据您的插件做了如下修改,您看是否能给再优化下

1.增加了风向,风力等级,温度的显示,分别是:winddirday、winddirnight、windscaleday、windscalenight

2.温度曲线图上方的是白天的温度、风向、风力等级,温度曲线图下方的是晚上的温度、风向、风力等级

3.增加小时降雨概率提醒,当检测到天气状态中包含雨字的时候,会显示降雨概率

4.去除图标上方的周几显示,改为在白天天气图标的最上方显示


[attach]49108[/attach]

[attach]49109[/attach]

[attach]49110[/attach]




作者: dscao    时间: 2023-6-27 22:49
本帖最后由 dscao 于 2023-6-27 22:50 编辑
郭子漳 发表于 2023-6-27 22:41
大佬,根据您的插件做了如下修改,您看是否能给再优化下

1.增加了风向,风力等级,温度的显示,分别是:wi ...

改得不错,我研究研究。不过我这边也有其它地方修改了,合并代码可能需要点时间。项目地址: https://github.com/dscao/qweather

作者: Mr.G    时间: 2023-6-28 09:24
[attach]49122[/attach][attach]49123[/attach]


大佬给看下,这里的逻辑判断1小时内是否有不良天气的是去取condition_cn中是否包含雨字合理,还是去取hourly_forecast[0].text中是否包含雨字合理?

作者: Mr.G    时间: 2023-6-28 09:47
我感觉还是去取hourly_forecast[0].text中是否包含雨字合理,您可以代码里修改下,昨天我发的代码里的是取condition_cn
作者: Mr.G    时间: 2023-6-28 15:48
[attach]49133[/attach]

这里应该是这样的,昨天的代码里直接写成可能小雨了。。。

作者: Mr.G    时间: 2023-6-28 16:21
[attach]49134[/attach]

这里加个分隔符号是不是好一些,或者在前方加个序号1.2.3这种,气象台发布多条消息的时候能区分出是第几条

作者: yaojogd    时间: 2023-6-28 22:48
怪事,我不能在qweather-card里建立icons,不能存在这个名字,好怪
作者: dscao    时间: 2023-6-28 23:16
yaojogd 发表于 2023-6-28 22:48
怪事,我不能在qweather-card里建立icons,不能存在这个名字,好怪

hassos 的samba addon问题,需要在配置中设置一下,论坛里有相关帖子,我就是对照那个给解决的。
作者: Mr.G    时间: 2023-6-28 23:19
dscao 发表于 2023-6-28 23:16
hassos 的samba addon问题,需要在配置中设置一下,论坛里有相关帖子,我就是对照那个给解决的。 ...

啥时候发布优化好的新版?
作者: dscao    时间: 2023-6-28 23:30
郭子漳 发表于 2023-6-28 23:19
啥时候发布优化好的新版?

基本成形了,需要再测试一下。计划定为2023.7.1版本,
作者: Mr.G    时间: 2023-6-28 23:35
dscao 发表于 2023-6-28 23:30
基本成形了,需要再测试一下。计划定为2023.7.1版本,

嗯嗯,我刚才看了您github里更新的,我上传上去不知道为啥集成里搜不到 和风天气
作者: dscao    时间: 2023-6-28 23:37
郭子漳 发表于 2023-6-28 23:35
嗯嗯,我刚才看了您github里更新的,我上传上去不知道为啥集成里搜不到 和风天气 ...

集成部分新代码还没更新,只是更新了卡片和说明。
作者: dscao    时间: 2023-6-29 02:42
总以为差不多了,一测试一次又一次出现问题,bug不断。格点天气数据少一点,又要做兼容。有些选项默认没设计一致。
作者: Mr.G    时间: 2023-6-29 07:27
dscao 发表于 2023-6-29 02:42
总以为差不多了,一测试一次又一次出现问题,bug不断。格点天气数据少一点,又要做兼容。有些选项默认没设 ...

加油!  因为和风天气确实挺准确,个人感觉无论是用了一段时间的体验和测试,确实比彩云天气准确。这个插件做出来肯定是牛逼的
作者: Mr.G    时间: 2023-6-29 09:09
[attach]49143[/attach]

大佬下次更新的时候给添加上这两个字段呗,一个是风向,一个是风力等级。在实时天气接口

作者: yaojogd    时间: 2023-6-29 09:16
dscao 发表于 2023-6-28 23:16
hassos 的samba addon问题,需要在配置中设置一下,论坛里有相关帖子,我就是对照那个给解决的。 ...

没注意这个问题,后来去看了下配置是有几个文件名禁止创建导致的
作者: qqin83    时间: 2023-6-29 10:39
期待......................................
作者: dscao    时间: 2023-6-29 15:52
郭子漳 发表于 2023-6-29 09:09
大佬下次更新的时候给添加上这两个字段呗,一个是风向,一个是风力等级。在实时天气接口
...

好的,顺手加上去了。今天上午发现,这测试太频繁,每启动或重载一次集成就请求7次接口。另外一些bug导致,最近24小时请求量达1400多,一直返回 code  402给我了。
作者: Mr.G    时间: 2023-6-29 16:02
dscao 发表于 2023-6-29 15:52
好的,顺手加上去了。今天上午发现,这测试太频繁,每启动或重载一次集成就请求7次接口。另外一些bug导致 ...

我私聊发给你个key吧。你用这个key测试,没用过的
作者: dscao    时间: 2023-6-29 16:05
郭子漳 发表于 2023-6-29 16:02
我私聊发给你个key吧。你用这个key测试,没用过的

好的,谢谢。
作者: Mr.G    时间: 2023-6-29 16:18
[attach]49167[/attach]

非常喜欢这个主题,还不想换,但是不知道为啥不显示线, 换其他主题可以正常显示线

作者: dscao    时间: 2023-6-29 22:12
标题的新版已上传
作者: Mr.G    时间: 2023-6-30 08:54
本帖最后由 郭子漳 于 2023-6-30 08:58 编辑

[attach]49187[/attach]
[attach]49188[/attach]


这种竖线要是能做成这样一整根的就好了。就是weather-card卡片里面的那种竖线。


作者: leonyoun    时间: 2023-6-30 12:15
我不能下载。呵呵
作者: baggio1024    时间: 2023-6-30 15:57
谢谢分享
作者: Mr.G    时间: 2023-6-30 17:54
本帖最后由 郭子漳 于 2023-6-30 18:14 编辑

[attach]49202[/attach]
@dscao

您看下自然灾害提醒这里是不是改为这样看的比较直观,对比下你之前的

[attach]49203[/attach]

[attach]49204[/attach]

qweather-card.js搜索到下方代码,改一下。添加了序号,改完以后是不是变的非常直观,您之前代码里的都是两条连在一起的,中间也没有分隔符号,我之前回复提过建议, 您可能没注意,您可能没有考虑到有时候气象台是推送两条,甚至三条, 可能您那边只看到过一条,所以没有体现出问题
  1. renderKeypoint({config, weather} = this) {
  2.                 if (weather.attributes.forecast_keypoint=="")
  3.                         return p``;
  4.                 if (config.show_alarm == false)
  5.           return p``;

  6.                 var alert_content = ''

  7.                 for (let [index, content] of weather.attributes.warning.entries()){
  8.                         alert_content =        alert_content  + `${index + 1}.` +  `${content['title'] }:` + '\n' + `${content['text']} `+ '\n\n'

  9.                 }
  10.                         

  11.                 return p`

  12.                  <div>
  13.                         <ul style="list-style:none;padding:0 0 0 14px;margin: 0;">
  14.                           <li style="font-weight:bold; display:${weather.attributes.forecast_minutely ? 'block':'none'}"><span class="ha-icon"
  15.                                           ><ha-icon icon="mdi:camera-timer"></ha-icon
  16.                                         ></span> ${weather.attributes.forecast_minutely}</li>
  17.                           <li style="display:${weather.attributes.forecast_hourly ? 'block':'none'}"><span class="ha-icon"
  18.                                           ><ha-icon icon="mdi:clock-outline"></ha-icon
  19.                                         ></span> ${weather.attributes.forecast_hourly}</li>
  20.                           <li style="font-weight:nomal; white-space:pre-line; color:red; display:${weather.attributes.warning.length > 0 ? 'block':'none'}"><span class="ha-icon"
  21.                                           ><ha-icon icon="mdi:timer-alert-outline"></ha-icon
  22.                                         ></span> ${alert_content}</li>
  23.                         
  24.                         </ul>
  25.                   </div>
  26.                 `;
  27.                
  28.         }
复制代码



作者: dscao    时间: 2023-7-1 09:58
郭子漳 发表于 2023-6-30 17:54
@dscao

您看下自然灾害提醒这里是不是改为这样看的比较直观,对比下你之前的

已参考修改。
作者: Mr.G    时间: 2023-7-1 10:02
dscao 发表于 2023-7-1 09:58
已参考修改。

[attach]49230[/attach]

[attach]49231[/attach]

原谅我的强迫症,这里缺三个空格,对不齐,我图中标的代码的位置加上空格,然后就对齐了.......

前后对比

[attach]49232[/attach]

作者: PerryLayne    时间: 2023-7-2 08:49
支持大佬,喜欢功能多一些
作者: Mr.G    时间: 2023-7-2 10:28
本帖最后由 郭子漳 于 2023-7-2 12:34 编辑

--------------------------------
作者: Mr.G    时间: 2023-7-2 10:33
本帖最后由 郭子漳 于 2023-7-2 10:47 编辑

[attach]49290[/attach]


本来想研究下加上每天的空气质量等级,加到最下面,类似于墨迹天气的效果,但是我看了下和风天气官方文档,只能获取5天的,无法获取7天的。唉,他这个接口里面的5改为任何数字,都返回400

[attach]49291[/attach]

作者: bbf162    时间: 2023-7-2 12:12
新手小白请教,配置卡片时报错:Custom element doesn't exist: qweather-card  我是少装了啥东西,请大佬们指教,多谢
作者: Mr.G    时间: 2023-7-2 12:34
本帖最后由 郭子漳 于 2023-7-2 21:33 编辑

[attach]49301[/attach]

如上图所示,把温度加入了摄氏度符号,感觉摄氏度比较标准,

绿色的aqi数值旁边加入了空气质量等级(因为这两个数值是对应的,api决定空气质量等级)

右侧的“空气:良”,我这边查了资料,如下图,这个空气污染扩散条件指数好像是跟空气质量等级不一样,所以这个“空气:良”在这容易和空气质量等级混淆,所以把他换成了如下图的晾晒指数。


[attach]49302[/attach]
[attach]49303[/attach]

一点建议而已,如果不合理请大佬不要采纳!@dscao




[attach]49299[/attach]

发现标题如果是大暴雨到特大暴雨的时候,会变形。把标题单独做了一行显示,  city名和updatetime放到一个div里
修改标题字大小和温度的字大小

[attach]49304[/attach]


改完以后name这里可以放很多字,不会变形,不再局限于两个字,上方天气如果遇到“大暴雨到特大暴雨”时也不会变形。 这个“大暴雨到特大暴雨”不是我编的,而是和风天气的文档里就有!


[attach]49305[/attach]

[attach]49309[/attach]
[attach]49310[/attach]

我这边测试了两个手机,一个华为的安卓手机和一个苹果手机,修改以后哪怕是大暴雨到特大暴雨 +200中度污染 这么多都不会变形,现在这个文字大小是最合适的。

[attach]49314[/attach]
































作者: Mr.G    时间: 2023-7-2 21:29
本帖最后由 郭子漳 于 2023-7-2 21:35 编辑



[attach]49326[/attach]
[attach]49327[/attach]

[attach]49328[/attach]

2023.07.02 14:34分修复Metro 和 Fluent 主题不显示中间线的问题,给线加了颜色#dedede,一共这5处地方修改一下,就可以解决我现在用的主题不显示中间线的问题,麻烦给添加上。谢谢!
麻烦彩云天气插件也同步修改下。谢了。再就是上一条回复说的大暴雨到特大暴雨问题,具体您看下下方代码吧。


合理请采纳,谢谢!

[attach]49329[/attach]


作者: dscao    时间: 2023-7-2 21:45
郭子漳 发表于 2023-7-2 21:29
2023.07.02 14:34分修复Metro 和 Fluent 主题不显示中间线的问题,给线加了颜色#dedede,一共这5处 ...

谢谢!我只用了官方的默认主题,所以没发现这个问题。之前本来是用你这个颜色的,但暗色模式发现线的粗线总是不一致,排查才发现,图表中的是系统的divider样式,所以上次才全部调整到统一这个样式的线了。

你这个暗色模式下面的效果如何?
作者: Mr.G    时间: 2023-7-2 21:47
dscao 发表于 2023-7-2 21:45
谢谢!我只用了官方的默认主题,所以没发现这个问题。之前本来是用你这个颜色的,但暗色模式发现线的粗线 ...

完全正常, 我换了其他主题也是正常的,官方默认的主题也正常。麻烦您给修改下,我代码改的可能不是很标准,您看给优化改下

[attach]49330[/attach]

作者: Mr.G    时间: 2023-7-2 21:50
dscao 发表于 2023-7-2 21:45
谢谢!我只用了官方的默认主题,所以没发现这个问题。之前本来是用你这个颜色的,但暗色模式发现线的粗线 ...

再就是我感觉上面那块天气状态其实改为我这样也不丑,就是小点了, 感觉没有必要那么大,太憨了,而且字数一多就挤变形了,尤其是和风天气天气状态有的很长,彩云天气还好,我看是你自己翻译的。没那么长,和风这个是直接调用官方接口返回的天气状态。
作者: Mr.G    时间: 2023-7-2 21:54
dscao 发表于 2023-7-2 21:45
谢谢!我只用了官方的默认主题,所以没发现这个问题。之前本来是用你这个颜色的,但暗色模式发现线的粗线 ...

这样修改后把天气单独放一行,然后那个name那里单独放一行。 这样都可以容纳更多的字,把更新时间放在name那一行了。感觉这样搭配挺合理的,您看有没有什么更好看的做法
作者: Mr.G    时间: 2023-7-2 21:57
[attach]49333[/attach][attach]49334[/attach]

[attach]49331[/attach][attach]49332[/attach]


您这样对比看下吧

作者: Mr.G    时间: 2023-7-2 22:00
[attach]49337[/attach][attach]49338[/attach]

[attach]49335[/attach][attach]49336[/attach]

这是官方默认主题的效果

作者: dscao    时间: 2023-7-2 22:06
郭子漳 发表于 2023-7-2 21:54
这样修改后把天气单独放一行,然后那个name那里单独放一行。 这样都可以容纳更多的字,把更新时间放在nam ...

改了这么多,也辛苦了!感谢分享建议。
这点之前我是把图标缩小了一点、边距减小一点来解决的,但最多也支持4个字的天气,2到3字的名字,名称自定义尽量自己定短一点。没考虑到和风还那那么长的状态。有时我感觉和风的数据与homeassist系统的状态差别有点大。之前只是解决图表问题,基本按原来的卡片没动。 不过你这样改有好处也有不足,大部分时间都不会出现那么长的天气状态,右边空白太多,不够原来的紧凑。空气数字后加加状态,背景色本来就代表了状态了,也是一种重复。之前的修改尽量增加控制是否显示的选项来解决这种重复内容。
这里这样改的话,想要原来紧凑的选项就不好加了。 这点容我再考虑考虑。
作者: Mr.G    时间: 2023-7-2 22:11
dscao 发表于 2023-7-2 22:06
改了这么多,也辛苦了!感谢分享建议。
这点之前我是把图标缩小了一点、边距减小一点来解决的,但最多也 ...

也是,您说的也有道理,我确实没考虑到颜色可以代替优,良,中度污染这些,确实可以去掉,但是这个天气状态要不就给简化下,把超过四个字的状态给简化下, 比如大暴雨到特大暴雨,能不能优化成四个字,要不就显示为特大暴雨
作者: Mr.G    时间: 2023-7-2 22:14
不怎么好简化,我上面发的那个图,好几个状态都是很长的, 要不就看超过四个字的让他显示两行就行,不要挤的别的地方也变形就行
作者: Mr.G    时间: 2023-7-2 22:17
期待您下一个完美的版本,我暂时先这样用,您发布新版后我再更新!
作者: yaojogd    时间: 2023-7-3 00:55
bbf162 发表于 2023-7-2 12:12
新手小白请教,配置卡片时报错:Custom element doesn't exist: qweather-card  我是少装了啥东西,请大佬 ...

我原来也是在自定义哪里提示这个,后来发现是在传感器哪里添加
作者: Bacon4216    时间: 2023-7-3 14:48
不允许我下载呢
作者: WuY-X    时间: 2023-7-3 15:09
支持!希望增加昨天的天气状态显示,习惯性地将昨天的天气参数(已有的体感)比较来感知今天的天气状况。
作者: diy2008    时间: 2023-7-3 16:16

感谢分享
作者: hyq    时间: 2023-7-3 16:18
感谢论坛各位大佬!
作者: dscao    时间: 2023-7-3 16:53
WuY-X 发表于 2023-7-3 15:09
支持!希望增加昨天的天气状态显示,习惯性地将昨天的天气参数(已有的体感)比较来感知今天的天气状况。 ...

和风天气接口没查到能支持今天之前的记录输出,彩云天气支持。而且我这里我感觉彩云的数据更准确。

或者自己定义模板实体通过ha的历史记录来实现。
作者: f830306    时间: 2023-7-4 14:57
谢谢分享
作者: Mr.G    时间: 2023-7-4 22:50
本帖最后由 郭子漳 于 2023-7-4 23:01 编辑

先上效果,之前线对不上中间有点空间隙,可不可以像我这样把div往上移动X个像素点的方法来连起来对齐呢?

并不影响哪一项设置为true或者false,都可以正常显示

不管怎样,对齐了总是舒服的,毕竟强迫症…………



[attach]49404[/attach]

[attach]49399[/attach]
[attach]49400[/attach]
[attach]49401[/attach]
[attach]49402[/attach]
[attach]49403[/attach]
[attach]49405[/attach]

中间这里让他输出了一个全角的空格不然跟上一行贴的太近了,就这种效果了,不管怎样我感觉这样也是曲线解决问题,如果您有更好的方法,请再想想!

[attach]49406[/attach]
如果这种方法可以的话,那彩云天气也同样可以用这种方法来解决有间隙的问题。感觉能解决问题就行,不管是用什么方法。






作者: Mr.G    时间: 2023-7-4 23:05
如果感觉下方图标离着线太近了,也可以输出一个全角的空格
[attach]49407[/attach]

作者: dscao    时间: 2023-7-4 23:07
郭子漳 发表于 2023-7-4 22:50
先上效果,之前线对不上中间有点空间隙,可不可以像我这样把div往上移动X个像素点的方法来连起来对齐呢?

...

你这个方法很好,晚点就按你这样改一下。
作者: Mr.G    时间: 2023-7-4 23:09
dscao 发表于 2023-7-4 23:07
你这个方法很好,晚点就按你这样改一下。

嗯嗯,反正曲线解决问题吧,不管什么方法,哪怕是笨办法也没关系, 您如果觉得下方图标离着线太近了,把下方图标下面再输出一行全角空格就行。  图标紧贴着线确实不太好看
作者: idook    时间: 2023-7-5 00:04
牛人啊
作者: 心之向阳    时间: 2023-7-5 00:13
如何设置显示空气质量,如pm2.5
作者: Mr.G    时间: 2023-7-5 07:27
本帖最后由 郭子漳 于 2023-7-5 07:43 编辑

[attach]49411[/attach]

[attach]49419[/attach]
[attach]49420[/attach]


是不是这样改好一些,下面的线也跟上面的连上了


作者: idook    时间: 2023-7-5 21:00
dscao 发表于 2023-6-28 23:16
hassos 的samba addon问题,需要在配置中设置一下,论坛里有相关帖子,我就是对照那个给解决的。 ...

我也折腾了半天。
最后用samba传所有资料过去,icons下的文件放在非“icons”文件夹中,然后在HA中进File editor中重命名,就可以了。
作者: idook    时间: 2023-7-5 21:47
两位大佬,Lovelace配置,通不过,哪里的问题啊,折腾了4、5个小时了
作者: idook    时间: 2023-7-5 23:37
idook 发表于 2023-7-5 21:47
两位大佬,Lovelace配置,通不过,哪里的问题啊,折腾了4、5个小时了

你们专家帮我搞定了:其实清理下浏览器缓存就好了~~~
作者: Mr.G    时间: 2023-7-6 06:20
本帖最后由 郭子漳 于 2023-7-23 22:34 编辑

根据该插件写的Node-Red流程,自动化播报、推送天气到手机app(ios)和微信(要有企业微信):https://bbs.hassbian.com/forum.php?mod=viewthread&tid=21814,大家可以学习一下!


[attach]49474[/attach]

推送微信效果展示




作者: Mr.G    时间: 2023-7-6 06:34
[attach]49478[/attach]

提醒下大佬,Lovelace配置加上下方这一条,不然别人也不知道啊。

[attach]49477[/attach]

作者: mzlshizhu    时间: 2023-7-6 09:48
大佬  你现在是和风和彩云一起用吗?这俩是使用场景有啥各自的长处吗
作者: sangedai    时间: 2023-7-15 13:10

牛人啊
作者: y775852121    时间: 2023-7-16 09:46

感谢大佬的修复
作者: yhcslz    时间: 2023-7-18 11:46

感谢大佬的修复
作者: CCCmei    时间: 2023-7-19 01:36
警告!!!此配置不支持可视化编辑器[attach]49954[/attach]

作者: summ99111    时间: 2023-7-20 10:59
谢谢分享
作者: Mr.G    时间: 2023-7-21 15:18
[attach]50022[/attach]

给大佬卡片增加了一种图标风格,之前的那种样式,

第一步:打开weather.py添加红色框内的代码

[attach]50023[/attach]

  1. hass.components.frontend.add_extra_js_url(hass, ROOT_PATH + '/qweather-card/qweather-card-two.js?ver=' + VERSION)
复制代码


第二步,上传下方压缩包文件到local/qweather-card目录下。

[attach]50024[/attach]

[attach]50025[/attach]

第三步 重启ha后添加卡片即可,
[attach]50029[/attach]

注意 type: custom:qweather-card-two

原卡片是 type: custom:qweather-card

其他不变

作者: lhfchl    时间: 2023-7-24 21:38
谢谢优化!
作者: yhcslz    时间: 2023-7-27 10:03

谢谢分享,下来看看效果怎么样
作者: zhousai20    时间: 2023-7-27 15:06
apt-get install ffmpeg
作者: Jinyu    时间: 2023-7-28 11:52
插眼码住
作者: Jinyu    时间: 2023-7-28 16:36
dscao 发表于 2023-6-28 23:16
hassos 的samba addon问题,需要在配置中设置一下,论坛里有相关帖子,我就是对照那个给解决的。 ...

大佬,是哪个帖子呢?没找到
作者: jltx834379529    时间: 2023-7-28 23:23
感谢大佬的修复
作者: yaojogd    时间: 2023-7-29 01:11
CCCmei 发表于 2023-7-19 01:36
警告!!!此配置不支持可视化编辑器

在传感器哪里添加
作者: rainyst    时间: 2023-7-29 18:31
尝试一下
作者: baiqianlover    时间: 2023-7-31 16:05
谢谢,非常实用,感谢
作者: youyang1986    时间: 2023-8-1 20:48
学习一下!多谢啦!
作者: apertus    时间: 2023-8-6 19:39
大佬我发现一个问题,不知道是我的问题还是怎么,我先按照您的方案安装上了和风这个,尔后调整UI,新建www文件夹,尔后加入button-card,https://github.com/custom-cards/button-card,然后原来的概述里的lovelace就报错了,Custom element doesn't exist: qweather-card. 。为解决这个问题,我在settings里Dashboards里的resources添加了这个路径:
/config/custom_components/qweather/qweather-card/qweather-more-info.js
/config/custom_components/qweather/qweather-card/qweather-card.js
问题未能解决。
作者: dscao    时间: 2023-8-6 20:45
apertus 发表于 2023-8-6 19:39
大佬我发现一个问题,不知道是我的问题还是怎么,我先按照您的方案安装上了和风这个,尔后调整UI,新建www ...

附件下载解压到 custom_components或hacs自定义安装完成重启HA,刷新一下页面,在集成里搜索 和风天气 即可

实体添加成功后系统会自动注册卡片资源,不用单独安装卡片,强制刷新一下浏览器,或清空手机客户端的缓存一次。之后就可以添加卡片了。

都操作了吗?
作者: apertus    时间: 2023-8-6 21:17
是的,按照您的流程操作了一遍,都正常的,是从建立了www这个文件夹开始的,标红的位置我都重启了一遍
file:///C:/Users/Administrator/Desktop/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230806211126.png
file:///C:/Users/Administrator/Desktop/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230806211159.png
file:///C:/Users/Administrator/Desktop/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20230806211355.png
作者: apertus    时间: 2023-8-6 21:18
图片还不知道怎么发出来,哈,方便的话可以远程操作下看看也行,不算小白,稍微懂点
作者: apertus    时间: 2023-8-6 21:19
这个是对应的路径了
作者: dscao    时间: 2023-8-6 21:23
apertus 发表于 2023-8-6 21:19
这个是对应的路径了

重启ha后配置实体了吗?配置实体后再清空一下浏览器缓存,最后再增加卡片。
作者: apertus    时间: 2023-8-6 21:59
删除hacs、配置中设备和服务、概述中的仪表盘,尔后清除缓存,尔后重新集成中安装,配置实体,再清除缓存,尔后添加卡片,可以正常显示了。
作者: apertus    时间: 2023-8-6 22:05
再次感谢楼主的教程!
作者: keyi5566    时间: 2023-8-7 10:46

感谢分享,
作者: 生煎馒头    时间: 2023-8-7 11:36
可以tts给音箱定时播报吗
作者: longtor    时间: 2023-8-7 15:25
谢谢大佬
作者: kofwangj    时间: 2023-8-7 18:27
mark一下,权限还不够购买的
作者: luoluomeng    时间: 2023-8-8 16:54
看起来不错,这就去试试
作者: huangyur    时间: 2023-8-9 21:37
之前用彩云,不带地理位置信息




欢迎光临 『瀚思彼岸』» 智能家居技术论坛 (https://bbs.hassbian.com/) Powered by Discuz! X3.5