jopa

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

Typecho博客中显示天气

注意:在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

最后修改: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">就好了

发表评论