实时天气降水、气温、风力图作为Windows动态壁纸

免责声明

网页数据源来自公开数据,windy网站如果不喜欢这样被利用,请与我联系

实现效果

实时天气桌面

需要的资源/能力

  • steam商城或WeGame上的WallPaper Engine,需要购买 好像是19块钱
  • 有一点点的前端开发能力,没有也行

流程

创建页面

  1. 进入windy官网(https://www.windy.com/cn
  2. 点击左上角菜单选项
    在这里插入图片描述
  3. 选择“嵌入式微件”
    在这里插入图片描述
  4. 拖动地图选取你的中心坐标和范围级别。配置地图宽高,注意计算高度时要减去任务栏的高度!
    tip:某些截屏软件可以看到截屏像素数大小,那么你截取任务栏以外的桌面即可知道宽高数值

在这里插入图片描述
6. 手动或点击【复制到剪切板】
在这里插入图片描述
7. 新建一个index.html文件,在下面之间粘贴上刚才的代码,然后保存

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        
        html {
            width: 100%;
            height: 100%;
        }
        
        body {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
    </style>
</head>

<body>
    //将复制的代码粘贴到这里
</body>

</html>

使用作为壁纸

  1. 打开WallPaper Engine软件,点击左下角的【wallpaper editor】
    在这里插入图片描述
  2. 选择【create wallpaper】
    在这里插入图片描述
  3. 在页面中选择刚才创建的html页面即可,由于wallpaper engine对双屏比较友好,你甚至可以一边显示云层、一边显示降水或风等
    在这里插入图片描述
    在这里插入图片描述
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值