给首页加上心知天气-博客美化

博主：顾盼
发布时间：2020 年 04 月 02 日
765次浏览
2 条评论
1298字数
分类： typecho教程 typecho

心知天气作为国内领先的商业气象服务提供商，天气数据API 产品从公司创立以来就一直扮演着很重要的角色。
给你的博客添加个知心天气的天气预报，代码看下面
这个功能还是很实用的，个人觉得比较美观

<!-- 知心天气-->
    <div id="tp-weather-widget" class="navbar-form navbar-form-sm navbar-left shift"></div>
<script>(function(T,h,i,n,k,P,a,g,e){g=function(){P=h.createElement(i);a=h.getElementsByTagName(i)[0];P.src=k;P.charset="utf-8";P.async=1;a.parentNode.insertBefore(P,a)};T["ThinkPageWeatherWidgetObject"]=n;T[n]||(T[n]=function(){(T[n].q=T[n].q||[]).push(arguments)});T[n].l=+new Date();if(T.attachEvent){T.attachEvent("onload",g)}else{T.addEventListener("load",g,false)}}(window,document,"script","tpwidget","//widget.seniverse.com/widget/chameleon.js"))</script>
<script>tpwidget("init", {
    "flavor": "slim",
    "location": "WX4FBXXFKE4F",
    "geolocation": "enabled",
    "language": "auto",
    "unit": "c",
    "theme": "chameleon",
    "container": "tp-weather-widget",
    "bubble": "enabled",
    "alarmType": "badge",
    "color": "#C6C6C6",
    "uid": "填写你的UID",
    "hash": "密钥"
});
tpwidget("show");</script>
<!-- 知心结束-->

然后去知心天气官网www.seniverse.com注册申请API 密钥就可以了
申请效果图
放一个效果图
至于说代码放在哪看你的需要
我觉得我的适合在我的博客上栏