HandSome主题顶栏显示天气

博主：匿名.
发布时间：2019 年 02 月 02 日
10963次浏览
72 条评论
1741字数
分类：资源技巧

前言

之前博主发过一篇文章在博客内添加天气显示

为你的博客添加"心知天气"插件

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

如果想在使用Handsome主题的博客顶栏添加天气，那么该如何实现呢，请看下方哈

效果图

实现方法

1.进入心知天气官网注册账号

2.注册成功后点击传送门，往下滑

博主选择的样式如上图所示，选择完成后安装代码将会在下面生成

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

大约在第54行</form>的下面，将刚才的代码添加进去

路径：/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">，否则会发现样式显示异常！

若不想注册账号(懒癌患者福利)，可直接使用博主提供的代码，皮一下，回复可见

此处内容需要评论回复后（审核通过）方可阅读。

此贴仅以handsome主题为例，如其他主题想实现顶栏添加天气显示，建议修改代码

最后修改：2019 年 06 月 07 日 02 : 39 PM

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

发表评论取消回复

72 条评论

不冷
1 星期前

没办法太懒了

回复
Ryan
2 个月前

直接使用博主的代码吧

回复
XiaoFans
2 个月前

已出插件。博主更新，库：https://github.com/6get-xiaofan/SenWeather

回复
1. 匿名.
  1 个月前
  
  @XiaoFans
  好的感谢提醒
  
  回复
jiangjk
4 个月前

回复可见

回复
a
4 个月前

哔，萌新卡！上车的旅客请系好安全带！现在是：Mon Jul 06 2020 21:28:00 GMT+0800 (CST)

回复
嗯嗯嗯
5 个月前

好
哔，萌新卡！上车的旅客请系好安全带！现在是：Thu Jun 18 2020 13:55:59 GMT+0800 (China Standard Time)

回复
Roy
5 个月前

想问一下博主，这个名称下面的文字抖动效果是哪里来的啊，还有tab标签在点击时（藏好了）那个效果是怎么搞的

回复
prtsc
6 个月前

回复可见

回复
凌一
6 个月前

心知是关闭插件那个页面了吗另外博主这个表情包比较OK啊

回复
远方
6 个月前

怎么回复不上啊

回复
远
6 个月前

不显示？

回复
远
6 个月前

支持一下

回复
[email protected]
7 个月前

我就是懒癌患者，拿走了

回复
喵星人
7 个月前

我来看看！

回复
Derek村长
7 个月前

网页缩小到一定板式的时候横栏会错版 ipad上面可以看得出来

回复
Youn
7 个月前

哔，萌新卡！

回复
KING
8 个月前

看看怎么样
哔，萌新卡！上车的旅客请系好安全带！现在是：Sun Mar 29 2020 19:07:34 GMT+0800 (中国标准时间)

回复
mr-mao
8 个月前

哔，萌新卡！上车的旅客请系好安全带！现在是：Fri Mar 20 2020 16:23:44 GMT+0800 (中国标准时间)

回复
CunTouGou
8 个月前

拿走了|´・ω・)ノ

回复
CunTouGou
8 个月前

拿走

回复
duang
8 个月前

萌新过来看一下，嘿嘿

回复
zzhou
8 个月前

进来逛逛，拿走了
哔，萌新卡！上车的旅客请系好安全带！现在是：Sun Mar 01 2020 19:20:30 GMT+0800 (中国标准时间)

回复
zzhou
8 个月前

进来逛一圈，拿走

回复
Weifeng
9 个月前

哔，萌新卡！上车的旅客请系好安全带！现在是：Sun Feb 16 2020 00:59:45 GMT+0800 (中国标准时间)

回复
Weifeng
9 个月前

拿走

回复
Peter
9 个月前

试试

回复
kaio
2019 年 10 月 21 日

发现评论时，输字的特效好帅，有分享吗？

回复
1. 小帅
  2019 年 10 月 23 日
  
  @kaio
  我这里有整合美化
  
  回复
kaio
2019 年 10 月 21 日

好的，谢谢

回复
soul
2019 年 10 月 14 日

试试

回复
星星
2019 年 10 月 04 日

星星前来偷东西~

回复
哈哈哈
2019 年 09 月 25 日

拿走了 |´・ω・)ノ

回复
Yunxi
2019 年 09 月 23 日

拿走了

回复
陈夕
2019 年 09 月 19 日

拿走了.
哔，萌新卡！上车的旅客请系好安全带！现在是：Thu Sep 19 2019 16:14:23 GMT+0800 (中国标准时间)

回复
北极熊
2019 年 09 月 15 日

拿走了，

回复
SWJ
2019 年 09 月 08 日

上车

回复
Evan
2019 年 08 月 29 日

哔，萌新卡！上车的旅客请系好安全带！现在是：Thu Aug 29 2019 19:02:19 GMT+0800 (中国标准时间)

回复
404分享
2019 年 08 月 28 日

上车上车

回复
Peanut
2019 年 08 月 19 日

哔，萌新卡！上车的旅客请系好安全带！现在是：Mon Aug 19 2019 15:26:00 GMT+0800 (中国标准时间)

回复
小白
2019 年 08 月 12 日

萌新来了！

回复
cnfox
2019 年 08 月 11 日

官方不提供插件了

回复
微共享导航
2019 年 08 月 04 日

非常漂亮的博客！~无意看到这篇文章，刚好需要，受教了！

回复
鑫男神
2019 年 07 月 31 日

哔哔哔OωO

回复
spr
2019 年 07 月 29 日

哔，萌新卡！上车的旅客请系好安全带！现在是：Mon Jul 29 2019 23:27:09 GMT+0800 (中国标准时间)

回复
lirch
2019 年 07 月 25 日

哔，萌新卡！上车的旅客请系好安全带！现在是：Thu Jul 25 2019 10:19:19 GMT+0800 (中国标准时间)

回复
lalal
2019 年 07 月 22 日

哔，萌新卡！上车的旅客请系好安全带！现在是：Mon Jul 22 2019 19:21:55 GMT+0800 (中国标准时间)

回复
璀璨星空
2019 年 07 月 22 日

支持OωO

回复
lingxi
2019 年 07 月 11 日

支持

回复
Liang.Ke
2019 年 06 月 23 日

传送门失效

回复
chenchk
2019 年 06 月 20 日

回复啦怎么没内容呀

回复
1. 匿名.
  2019 年 06 月 20 日
  
  @chenchk
  刷新一下
  
  回复
  1. chenchk
    2019 年 06 月 20 日
    
    @匿名.
    我有几个问题呀，
    1.这个输入评论内容的特效一爆一爆的怎么弄的.
    2.鼠标这个线的特效怎么弄的
    3.回复时候邮件发到对方邮箱插件是哪个？
    
    回复
chenchk
2019 年 06 月 20 日

谢谢

回复
阿肆
2019 年 06 月 14 日

|´・ω・)ノ

回复
alinwei.com
2019 年 06 月 13 日

2.注册成功后点击传送门，往下滑，貌似这个地址失效了，博主可否更新下。

回复
1. 匿名.
  2019 年 06 月 14 日
  
  @alinwei.com
  暂时先使用文章尾我提供的代码吧心知天气官网更新后将此地址删掉了
  
  回复
鹹魚醬
2019 年 05 月 14 日

博主你好，請問真怎樣獲取uid呢，我翻遍了文檔也沒有找到，希望可以教一下，謝謝。

回复
1. 匿名.
  2019 年 06 月 14 日
  
  @鹹魚醬
  UID为心知天气后台控制台中API密钥的公钥
  
  回复
鹹魚醬
2019 年 05 月 14 日

看看OωO
哔，萌新卡！上车的旅客请系好安全带！现在是：Tue May 14 2019 00:08:53 GMT+0800 (中国标准时间)

回复
奥术大师
2019 年 05 月 10 日

为啥不能回复

回复
1. 匿名.
  2019 年 05 月 12 日
  
  @奥术大师
  可能是前两天开启了一个缓存插件评论后缓存没刷新过来导致的显示延迟现已修复
  
  回复
Yrh
2019 年 05 月 10 日

为啥不能回复？？？？？？

回复
Yrh
2019 年 05 月 10 日

谢谢分享！！！

回复
Yrh
2019 年 05 月 10 日

谢谢分享！！
哔，萌新卡！上车的旅客请系好安全带！现在是：Fri May 10 2019 17:54:34 GMT+0800 (中国标准时间)OωO

回复
麻辣生活
2019 年 05 月 07 日

一添加顶部错误了

回复
1. 匿名.
  2019 年 05 月 09 日
  
  @麻辣生活
  有截图不
  
  回复
阿飞
2019 年 04 月 17 日

猴赛雷啊

回复
Airs_Lau
2019 年 04 月 10 日

大佬请求授权转载

回复
1. 匿名.
  2019 年 04 月 10 日
  
  @Airs_Lau
  转吧
  
  回复
啊
2019 年 03 月 27 日

谢谢分享~

回复
codeebook
2019 年 03 月 12 日

感谢博主分享

回复