Typecho 博客添加“心知天气”网页天气插件教程

心知天气 提供基于Web的免费天气插件，可以为你的网站添加一项简洁美观的天气预报功能，并自动适配PC和手机上的浏览。

首先需要自己注册一个心知天气的账号，具体怎么注册这里就不再赘述，大家自行注册。

注册好以后登陆你的账号，进入网页天气插件页面，点击立即创建，即进入到插件配置页面，可以在页面进行配置和预览，看下图：

<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": "bubble",
    "location": "WTMKQ069CCJ7",
    "geolocation": "enabled",
    "position": "top-left",
    "margin": "10px 10px",
    "language": "auto",
    "unit": "c",
    "theme": "chameleon",
    "uid": "UB3D69CD3B",
    "hash": "161e0a50b723de512dd6bcaf791e1bd9"
});
tpwidget("show");</script>

获取JS代码如上，将代码粘贴到你的 Typecho 主题的 footer.php 文件的 body 标签之前即可。