Sanakey

handsome神代綺凜式魔改主题插件
大家好,这次又是一篇关于handsome魔改主题的文章,不过这次咱不分享教程,直接上自己写的插件。
扫描右侧二维码阅读全文
03
2019/11

handsome神代綺凜式魔改主题插件

大家好,这次又是一篇关于handsome魔改主题的文章,不过这次咱不分享教程,直接上自己写的插件。

最新更新时间: 2020-08-11

前言

使用魔改教程一般需要修改主题文件源代码,这对普通人懒癌晚期患者并不友好,而且每次主题更新对我们魔改过主题的人来说都是一次噩梦。魔改一时爽,更新火葬场。 更新完主题还得重新再按教程魔改一遍。啊,好麻烦啊!有没有插件啊?
嘿,你还真问对了,正是因为这个痛点,我尝试着把神代綺凜大佬的魔改主题教程直接封装成了一个插件,详细请看下文。

如果你使用神代綺凜主题相关魔改教程魔改过原主题代码,请按照当初的魔改教程,把代码还原。

使用插件后的最终效果参考原博客地址:

食用方式

插件本体

首先前往github下载插件

点击右上角绿色的Clone or download按钮,Download ZIP, 解压文件。

食用步骤

  • 重命名文件夹为KirinShiKi
  • KirinShiKi文件夹上传至typecho的插件usr/plugins目录
  • 登录后台启用KirinShiKi插件即可正确食用

主要特色

  • 美化首页文章头图样式。
  • 博客主头像增加悬浮旋转效果。
  • 顶栏增加左侧边栏模式切换开关。
  • 可以设置背景图片(默认提供随机二次元图片)
  • 添加网页标题卖萌文字
  • 右侧边栏添加智能自动隐藏
  • 添加了赞赏按钮跳动效果。
  • 添加了右下角版权信息标签。
  • 更多小细节等待你安装后发现。

说明

  • 本插件自带评论框打字特效代码,如果你之前有添加过类似代码,最好删除。
  • 在原主题基础上增加了彩色标签云代码,如果你之前有添加过类似代码,最好删除。

更新

3.0.0(2020-08-11)

本次更新主要弥补了老版本的适用性缺陷,新版本支持开启盒子模型,小伙伴们可以放心的把主题里的显示主题右侧边栏的设置按钮开启了。

  • 小细节适配 handsome 7.2.1
  • 适配深色模式,优化深色模式显示
  • 支持开启盒子模型 (支持handsome 6.0以上的版本)
  • 支持首页不设置头图

2.2.0(2020-05-08)

  • 添加右下角版权样式切换功能

2.1.0(2020-04-23)

  • 优化部分代码
  • 修复文章内没有目录时,右侧栏会自动隐藏的bug

2.0.0 (2020-03-03)

  • 修复首页两个小头图并行显示中间没有间隔的bug
  • 修复已知的handsome 6.0.0冲突问题
  • 优化左上角博客头像边框动画,适应handsome 6.0.0
  • 添加文章内图片悬浮放大功能
  • 添加版权复制提醒,可在插件设置内自行开关
  • 添加赞赏卖萌背景图
  • 美化部分字体图标
  • 以及更多细节优化与新增bug

1.1.0 (2019-11-26)

删除原打字特效代码,推荐使用更强大的ActivatePowerMode

  • 添加关闭标题卖萌选项。

文章置顶

文章置顶功能需要使用handsome官方插件。在文章设置->置顶文章的 cid输入想要置顶的文章cid。多篇文章可以用,隔开。

返回顶部

本插件没有添加返回顶部功能,返回顶部我单独写了一个插件,可定制性与泛用性更高。详情请看:

元素动画

关于本博客内使用到的各种元素入场动画,均由我写的另一个插件实现。详情请看:

致谢

本次魔改的代码大部分来自神代綺凜大佬原主题,再次感谢神代綺凜大佬对使用其代码进行魔改的授权,也感谢大家的支持,虽然就没有人打赏过o(╥﹏╥)o,今后有时间我就会保持维护和更新,请大家放心食用!
经本人测试可以正常使用该插件,如果你在使用中发现问题,请在github里提交issue或者本文下直接留言,我看到后会第一时间回复。

千万不要去骚扰原主题作者。在此谢谢各位了!

常见问题及解决方案

鉴于评论区经常重复提出已经回复过的问题,为了节省大家的时间,我专门总结了一下大家使用插件时常见问题及解决方案,看看下面的这些问题有没有你遇到的。

使用插件后,首页部分文章被吞了
主题是基于有文章头图的情况下开发的,没有考虑不放头图的情况。 所以想正常使用本插件,建议你还是加上文章头图。 目前已支持不设置文章头图

Last modification:August 11th, 2020 at 04:29 pm
如果觉得我的文章对你有用,请随意赞赏

128 comments

  1. 王洪峰 Google Chrome 86.0.4195.1 Windows 10

    你好,我想问下在插件的kirin.js里的第 63、64行为什么添加了两个id为mybg的div呢,是有什么作用么?

    1. Sanakey Google Chrome 85.0.4183.102 Windows 10
      @王洪峰

      一个是给盒子模式用的,一个是给非盒子模式用的,都是用来显示背景图。

      1. 王洪峰 Google Chrome 86.0.4195.1 Windows 10
        @Sanakey

        好的,谢谢,我是在我的网站上加了一个小功能,但是有这个重复的div就导致我自定义的js部分失效了,我自己删除了一个就好了。

  2. -xiao_kai- Google Chrome 85.0.4183.121 Windows 10

    为什么这个插件会替换掉我的歌单?
    怎么改回来啊

    1. Sanakey Google Chrome 85.0.4183.102 Windows 10
      @-xiao_kai-

      本插件基本只在样式上做了美化,没动过歌单功能。

      1. -xiao_kai- Google Chrome 85.0.4183.121 Windows 10
        @Sanakey

        可歌单确实被替换了,你可以通过我的截图来看
        我把我原来的 链接从列表里删了,但还是有音乐
        图:
        https://bonestudio.littlehei.com/2020/10/02/685a0830f3f18.png
        https://bonestudio.littlehei.com/2020/10/02/25181ec387117.png

        1. Sanakey Google Chrome 85.0.4183.102 Windows 10
          @-xiao_kai-

          代码是开源的,你可以自行查看,真不是本插件的问题。

  3. BeiyanPiki Edge 84.0.522.63 Windows 10

    7.0背景图有问题, 插件设置后站点背景依旧是随机

    看了下是plugin.php 179行操作dom的id和kirin.js不一致。将180行#bg 更改为#mybg就解决了.

    kirin.js 59行

    // <div id="bg"></div> 添加背景div $('#header').before('<div id="mybg"></div>'); $('#alllayout').before('<div id="mybg"></div>');

    plugin.php 180行

    $css = '<style> #bg{background-image:url(' . $pcBg . ');} @media screen and (max-width:991px) { #bg { background-image:url(' . $mpBg . '); } } </style>';
    1. BeiyanPiki Edge 84.0.522.63 Windows 10
      @BeiyanPiki

      评论md排版有点问题 具体还是看一下文件吧Orz
      之前6.0没事, 可能是玄学问题 = =

      1. Sanakey Google Chrome 84.0.4147.135 Windows 10
        @BeiyanPiki

        不好意思,最近为了适配盒子模型,修改了css选择器,结果插件里面忘了改,这是我的失误, 现在已经修复了,感谢指出问题。

  4. 污梦 Google Chrome 78.0.3904.108 Android 10

    最新版本支持吗

    1. Sanakey Google Chrome 84.0.4147.105 Windows 10
      @污梦

      一直都支持,这次更新优化适配了一下新版的细节。

  5. 暗忆 Google Chrome 85.0.4183.26 Windows 10

    不多说,牛逼就完事了

  6. Cai Google Chrome 83.0.4103.116 Windows 10

    那么, 7.0 出来了, 兼容咩?

    1. Sanakey Google Chrome 83.0.4103.116 Windows 10
      @Cai

      暂时还没去确认,一般新版本出来会有不少问题,过段时间等稳定了再更新。

      1. 冰梦喵 Edge 85.0.564.23 Windows 10
        @Sanakey

        当handsome处于深色模式时,文章背景会是白色的喵...QAQ

        1. Sanakey Google Chrome 84.0.4147.105 Windows 10
          @冰梦喵

          等这几天7.2版本发布了,我也会紧接着更新优化这个问题。

  7. baidu Edge 83.0.478.64 Windows 10

    启用插件后显示serve error,怎么解决

  8. 洛璃 QQ浏览器 10.6.4163.400 Windows 10

    请问,为什么我的用了插件以后只能在谷歌浏览器和win10自带的浏览器上插件才会运行,用QQ浏览器插件就不运行了 ̄﹃ ̄

  9. 天际 Edge 83.0.478.54 Windows 10

    请问右侧的文章目录是如何生成的呢?

    1. Sanakey Google Chrome 83.0.4103.97 Windows 10
      @天际

      右侧的文章目录是handsome主题自带的

      1. 天际 Edge 83.0.478.54 Windows 10
        @Sanakey

        我找到“开启目录树”了,但是我这儿没有显示555

      2. 天际 Edge 83.0.478.54 Windows 10
        @Sanakey

        我去我的handsome设置里找一找,之前找半天没找到5555

        1. Sanakey Google Chrome 83.0.4103.97 Windows 10
          @天际

          我记得是要用markdown语法写标题就会自动生成目录的。

          1. 天际 Edge 83.0.478.54 Windows 10
            @Sanakey

            嗯嗯,俺用的也是MD语法,可能是我的主题颜色不对?大佬的主题配色是什么呀quq

            1. Sanakey Google Chrome 83.0.4103.97 Windows 10
              @天际

              不知道你说的是哪个主题颜色,应该和这个没关系。

              1. 天际 Edge 83.0.478.54 Windows 10
                @Sanakey

                十分感谢,我再去自己研究一下下

  10. baize Edge 83.0.478.50 Windows 10

    感谢楼主慷慨分享

    1. Sanakey Google Chrome 83.0.4103.97 Windows 10
      @baize

      独乐乐不如众乐乐,大家好才是真的好

  11. 洛璃 QQ浏览器 10.5.4043.400 Windows 10

    大大 为什么使用这个插件我在QQ浏览器上是无效的 其他插件可以正常使用 然后 换谷歌浏览器就正常显示OωO

    1. Sanakey Google Chrome 83.0.4103.97 Windows 10
      @洛璃

      插件完全基于chrome开发的,只测试了chrome、Firefox、Edge。

      1. 洛璃 QQ浏览器 10.6.4163.400 Windows 10
        @Sanakey

        我在QQ浏览器上显示你的网站壁纸是正常的。到我自己网站就不行嘞⌇●﹏●⌇

  12. 大白 Google Chrome 83.0.4103.61 Windows 10

    你好,我用你的插件,右下角版权样式没变化?只有插件自带的可以显示,其他的样式没变化。

    1. Sanakey Google Chrome 83.0.4103.61 Windows 10
      @大白

      因为目前就只做了插件自带版权的样式切换功能。

      1. 大白 Google Chrome 83.0.4103.61 Windows 10
        @Sanakey

        能不能看 一下我的博客下面版权样式,我表述不太好。http://nni5.com

        1. Sanakey Google Chrome 83.0.4103.61 Windows 10
          @大白

          还是没懂, 你改过源码了吧?

          1. 大白 Google Chrome 83.0.4103.61 Windows 10
            @Sanakey

            不记得了,哈哈,应该是曾经改过OωO

Leave a Comment

flandre.png