Typecho博客中显示天气

博主： jopa
发布时间：2018 年 06 月 03 日
3999次浏览
5 条评论
951字数
分类：资源分享

注意：在Typecho博客中显示天气，本站以handsome主题为例

首先，进入https://www.seniverse.com注册

注册完成后点击
进入：https://www.seniverse.com/widget/get

按照自己的喜好自定义样式

自定义完成后安装代码将会在下面生成

将生成的代码粘贴到页面的</body>之前

vim 网站根目录/usr/themes/handsome/component/headnav.php
#在第54行</form>的下面将刚才的代码添加进去

然后进入网站中刷新界面
发现样式乱了

修改刚才的文件

vim 网站根目录/usr/themes/handsome/component/headnav.php
将<div id="tp-weather-widget">
改成<div id="tp-weather-widget" class="navbar-form navbar-form-sm navbar-left shift">

返回首页再次刷新界面，这次显示正常

最后修改：2020 年 11 月 25 日 11 : 27 AM

如果觉得我的文章对你有用，请随意赞赏

5 条评论

奇度博客 Google Chrome 75.0.3770.100 Windows 10
2019 年 07 月 29 日

我可以使用你的吗？知心天气现在不提供插件了

回复
1. jopa Google Chrome 81.0.4044.138 Windows 10
  8 个月前
  
  @奇度博客
  <div id="tp-weather-widget" class="navbar-form navbar-form-sm navbar-left shift" style="text-align:center"></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": "zh-chs", "unit": "c", "theme": "chameleon", "container": "tp-weather-widget", "bubble": "enabled", "alarmType": "badge", "color": "#FFFFFF", "uid": "U8FFCC8016", "hash": "a5e0b51451f08acbbfa48a35bb4b92b1"
  });
  tpwidget("show");</script>
  
  回复
feiyuyu Google Chrome 69.0.3497.92 Windows 10
2018 年 10 月 07 日

博主你好，请问如何让移动端不显示天气呢？

回复
action 魅族 Android 5.1.1
2018 年 09 月 13 日

PC端挺好看的，但移动端和播放器没对齐，逼死强迫症٩(ˊᗜˋ*)و

回复
1. jopa Google Chrome 68.0.3440.106 Windows 10
  2018 年 09 月 13 日
  
  @action
  将<div id="tp-weather-widget" class="navbar-form navbar-form-sm navbar-left shift" >改成<div id="tp-weather-widget" class="navbar-form navbar-form-sm navbar-left shift" style="text-align:center">就好了
  
  回复