handsome5.0右栏修改gif图片方法

handsome这款主题用到目前为止体验还是比较不错的,并且在使用后的第三个月里,作者也更新到版本为5.0.在这里我分享下如何能让右边边栏的头像变成可爱的GIF图片呢?在分享个给自己的博客添加一个天气插件,此插件目前支持是每小时调用API次数为400次左右,请各位博主大大要考虑好自己的每小时访问峰值,否则会出现API无法加载影响页面速度。

修改右边边栏头像

2-min.png

其实也非常简单,我们可以用最暴力的方法,直接修改其源码,目前的原版主题只支持jpg格式的图片,所以我我们只需要找到如图这个文件修改为gif即可:

由于是gif图片,可能会照成网页加载速度变慢,请小伙伴们注意下,如果带宽不够,或者没有cdn加速的,请酌情使用,谢谢。。。。

1-min.png

最后一步,替换我们源站目录下的jpg图片路径为:

/usr/themes/handsome/usr/img/sj2

然后清理缓存,就可以看到效果了;

天气插件方法

想必大家都有看到我博客顶部的天气插件了,那么该如何使用呢?

3-min.png

首先我们要到这个插件的官网注册一个账号,地址如下,然后创建项目:

4-min.png

根据自己的需求来改变插件的形态,左边的预览框可以看到插件的外观,支持手机端与PC端查看,最后复制代码:

5-min.png

粘贴到我们的博客里,这里建议修改源码,如图:

6-min.png

即可大功告成,另外由于主题样式原因,所以需要给div内添加一个class类,否则会出现样式混乱,代码如下:

<div id="tp-weather-widget" class="navbar-form navbar-form-sm navbar-left shift"></div>

注意:以上代码都需要修改原文件,所以,请需要修改的小伙伴备份好自己需要修改的文件,以免照成损失,重要事情说三遍,备份!备份!备份!Thank you!!!!

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

发表评论

4 条评论

  1. hulk

    打卡女神博客

    1. 洛小依
  2. hulk

    请问这个插件叫什么,点击按钮没有反应

    1. 洛小依
      @hulk

      这不是插件,这个需要修改源码的,我还没强大到做插件的地步