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

发布于:2022-12-26 ⋅ 阅读:(913) ⋅ 点赞:(0)

免责声明

网页数据源来自公开数据,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对双屏比较友好,你甚至可以一边显示云层、一边显示降水或风等
    在这里插入图片描述
    在这里插入图片描述

网站公告

今日签到

点亮在社区的每一天
去签到