主页怎么显示天气预报？
今天偶然发现，自己的网站（个人博客）的主页上可以显示当前的天气情况！而且是在没有使用任何插件的基础上实现的！ 下面我来介绍一下实现过程吧~
1.首先要找到适合自己网站主题色的图标。我找到了自己喜欢的icon，然后使用了图标工具Iconfont将图标转换为600×600像素的大图。（注意：这里要自己找一下代码的插入位置，我是把代码插在与之间）
2.接下来就是关键了——如何使用jquery实现根据城市名称查询天气情况的功能。我使用了api.openweathermap.org/data/2.5/weather？q=city&appid=8a93dd5f1c7d8e4e9392bdeec7b58cca来实现这个功能。然后把获取到的数据保存成json格式。（注：这个api需要开发者自己注册一个账号才能使用。）
3.最后就是把之前转换好的图标和刚刚获得的json数据结合使用了。我的做法是先把图标展示出来，然后后面跟一段js代码用来实现当鼠标移动到图标上的时候，显示出更详细的天气信息（包括温度、风和湿度等）。 为了测试方便，我还专门建立了一个小站点来演示这种情况。