效果图

效果图

步骤

  • 首先去心知天气官网注册一个账号。
    账号
  • 然后复制以下代码
<!-- 知心天气-->
<div id="tp-weather-widget" style="display:inline-block"></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": "公钥",
"hash": "密钥"
});
tpwidget("show");</script>
<!-- 知心结束-->
  • 然后填写自己的公钥和密钥 加到你想加的地方即可

我们以handsome主题为例

  1. 打开usr/themes/handsome/component目录找到headnav.php文件
  2. 放在大概50行的位置
    演示位置

就完成啦!赶紧去看看效果吧!!!

最后修改:2020 年 03 月 03 日 05 : 42 PM
如果觉得我的文章对你有用,请随意赞赏