jopa

Typecho博客中显示天气
注意：在Typecho博客中显示天气，本站以handsome主题为例首先，进入https://www.senive...
扫描右侧二维码阅读全文
03
2018/06

Typecho博客中显示天气

  1.  首页
  2. 正文  
    3. 分享到：

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

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

注册完成后点击
进入：https://www.seniverse.com/widget/get
20180603053238.png
按照自己的喜好自定义样式

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

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

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

20180603054754.png

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

修改刚才的文件

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">

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

版权属于：JoPa

本文链接：https://zhaolog.com/2018/06/03/25908.html

转载时须注明出处及本声明

最后修改：2018 年 07 月 17 日 10 : 52 AM
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏

4 条评论

  1. 奇度博客

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

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

    回复
  3. action

    PC端挺好看的，但移动端和播放器没对齐，逼死强迫症٩(ˊᗜˋ*)و
    回复
    1. jopa
      @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">就好了
      回复

发表评论