Sanakey

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

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

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

最新更新时间: 2020-03-03

前言

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

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

使用本插件需要在handsome外观设置内关闭盒子模型!!!首页头图建议选择大图模式!

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

食用方式

插件本体

首先前往github下载插件

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

食用步骤

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

主要特色

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

说明

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

更新

1.1.0 (2019-11-26)

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

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

2.0.0 (2020-03-03)

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

文章置顶

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

返回顶部

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

元素动画

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

致谢

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

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

Last modification:March 4th, 2020 at 08:54 am
如果觉得我的文章对你有用,请随意赞赏

56 comments

  1. jin Google Chrome 80.0.3987.87 Windows 10

    博主请问开启了pjax,但是跳转页面有时候点击首页大图无法跳转,只能点击标题,要刷新才可以该怎么办

    1. Sanakey Google Chrome 80.0.3987.132 Windows 10
      @jin

      应该是你装了其他插件或魔改过导致冲突了。

      1. jin Google Chrome 80.0.3987.87 Windows 10
        @Sanakey

        我直接把在handsome主题设置里pjax的回调调用了函数,就可以了,应该是回调的时候有点问题

  2. Nymane Google Chrome 74.0.3729.169 Windows 10

    大佬,为什么用了插件无法下拉,会卡住,只能拖滑块

    1. Sanakey Google Chrome 80.0.3987.132 Windows 10
      @Nymane

      没太听懂你的意思,可以详细描述一下是哪里出了问题吗?

      1. Nymane Google Chrome 74.0.3729.169 Windows 10
        @Sanakey

        就是想在向下滚动,滚不下去,会卡住,只能用用右边的滑块下拉

        1. Sanakey Google Chrome 80.0.3987.132 Windows 10
          @Nymane

          还有,一般网页图片等资源没有完全加载成功时,也会出现这种情况,我发现你首页文章的头图有几张都有这种问题,你最好替换有用的图片链接再试。

        2. Sanakey Google Chrome 80.0.3987.132 Windows 10
          @Nymane

          为何我测试你的网站没发现这个问题 以后你出现这个问题时,可以f12看看控制台有没有保错

          1. Nymane 非主流浏览器 iPhone 13.1.2
            @Sanakey

            好的,谢谢大佬

  3. Honoka Google Chrome 80.0.3987.132 Windows 10

    博主,我应用插件之后,文章页面的右侧边栏就消失了
    还有,想要你现在的UA显示样式

    1. Sanakey Google Chrome 80.0.3987.132 Windows 10
      @Honoka

      这个问题,我之前在评论区有说过,文章内需要有目录,右侧栏才会正常显示,不然就会出现文章点进去右侧栏自动消失的情况。所以如果你发现使用插件后进文章右侧栏消失,请检查当前文章是否生成了文章目录。
      关于UA样式,使用了这款UA插件https://doge.uk/coding/useragent-modify.html

      1. Honoka Google Chrome 80.0.3987.132 Windows 10
        @Sanakey

        博主出现了!捕捉!
        感谢解答,添加了文章目录之后已经正常

  4. kmkr Firefox 73.0 Windows 10

    为什么右侧边栏还是原来的样子?

    1. Sanakey Google Chrome 79.0.3945.130 Windows 10
      @kmkr

      你试着发点文章上去再看看

  5. 冷瞳丶Nemsis Google Chrome 80.0.3987.100 Windows 10

    大佬 ,为什么用了插件之后鼠标悬停头像放大的时候会有一个椭圆的框框出来呢 ?

    1. Sanakey Google Chrome 79.0.3945.130 Windows 10
      @冷瞳丶Nemsis

      handsome 6.0.0默认左右排列头像与昵称简介,现在的插件只支持上下排列,可以自行在主题外观设置内更改为原来的上下排列。

      1. 冷瞳丶Nemsis Google Chrome 80.0.3987.100 Windows 10
        @Sanakey

        哦哦 好了 谢谢大佬ヾ(≧∇≦*)ゝ

        1. Sanakey Google Chrome 79.0.3945.130 Windows 10
          @冷瞳丶Nemsis

          不客气

  6. Chhokmah Google Chrome 79.0.3945.88 Windows 10

    博主,我的网站如果不放头图,首页就显示不出来,能帮忙看一下吗?

    1. Sanakey Google Chrome 79.0.3945.130 Windows 10
      @Chhokmah

      因为主题就是基于有文章头图的情况下开发的,没有考虑不放头图的情况。 所以想正常使用本插件,建议你还是加上文章头图。
      handsome 6.0.0默认左右排列头像与昵称简介,可以自行在主题外观设置内更改为原来的上下排列。

    2. Chhokmah Google Chrome 79.0.3945.88 Windows 10
      @Chhokmah
      该评论仅登录用户及评论双方可见
      1. Chhokmah Google Chrome 79.0.3945.88 Windows 10
        @Chhokmah
        该评论仅登录用户及评论双方可见
        1. Chhokmah Google Chrome 79.0.3945.88 Windows 10
          @Chhokmah
          该评论仅登录用户及评论双方可见
          1. Sanakey Google Chrome 79.0.3945.130 Windows 10
            @Chhokmah

            昨天没看到,现在访问不了你的网站了

  7. CITRON Google Chrome 79.0.3945.130 Windows 10
    该评论仅登录用户及评论双方可见
    1. Sanakey Google Chrome 79.0.3945.117 Windows 10
      @CITRON

      不客气,今年春节在家也比较闲。
      打开插件js文件夹里的kirin.js文件,“ | ” 在77行,你可以自行删除。

      1. CITRON Google Chrome 79.0.3945.130 Windows 10
        @Sanakey
        该评论仅登录用户及评论双方可见
  8. CITRON Google Chrome 79.0.3945.117 Windows 10

    大佬好!请问我装了以后底栏、正文和右边栏文字变为白色,我有什么方法将它们变为黑色么?求指点,感谢!

    1. Sanakey Google Chrome 78.0.3904.97 Windows 10
      @CITRON

      你的问题和本插件无关,你有个名为coolopacity.min.css的css文件覆盖了handsome原有样式,导致字体颜色被覆盖了,你可以注释掉该css里的字体颜色样式,或者自己手动书写css再次覆盖该css字体颜色。
      你想覆盖的话,可以尝试把下面几行代码添加到主题外观设置的自定义css栏里:
      body {

      color: #58666e;

      }
      .text-title {

      color: #555;

      }
      .text-muted {

      color: #98a6ad;

      }

      1. CITRON Google Chrome 79.0.3945.117 Windows 10
        @Sanakey
        该评论仅登录用户及评论双方可见
        1. Sanakey Google Chrome 79.0.3945.117 Windows 10
          @CITRON

          下面的评论有说过,文章内需要有目录,右侧栏才会正常显示,不然就会出现文章点进去右侧栏自动消失的情况。

          1. CITRON Google Chrome 79.0.3945.117 Windows 10
            @Sanakey
            该评论仅登录用户及评论双方可见
            1. Sanakey Google Chrome 79.0.3945.117 Windows 10
              @CITRON

              不客气

      2. CITRON Google Chrome 79.0.3945.117 Windows 10
        @Sanakey
        该评论仅登录用户及评论双方可见
  9. CITRON Google Chrome 79.0.3945.117 Windows 10
    该评论仅登录用户及评论双方可见
    1. CITRON Google Chrome 79.0.3945.117 Windows 10
      @CITRON
      该评论仅登录用户及评论双方可见
  10. CF QQ浏览器 10.5.3863.400 Windows 10

    dalao 那个两个小头图并行显示 中间没有间隔 怎么处理

    1. Sanakey Google Chrome 78.0.3904.97 Windows 10
      @CF

      这个问题原作者的css文件就有,和css选择器有关,目前使用的偶数选择器,当并排时右边的小图在文章列表内不是第偶数个时,会出现这个问题。
      所以目前小图只建议在置顶时使用,并保证右边的小图在文章列表内是第偶数个。

      1. CF QQ浏览器 10.5.3863.400 Windows 10
        @Sanakey

        你说文章ID还要分奇偶数?

        1. Sanakey Google Chrome 78.0.3904.97 Windows 10
          @CF

          和文章id没关系,只和文章头图在当前页文章列表的第奇偶个有关系。

  11. 卡吉 Google Chrome 78.0.3904.96 Android 10
    该评论仅登录用户及评论双方可见
    1. Sanakey Google Chrome 78.0.3904.97 Windows 10
      @卡吉

      打字特效本文就有说明,使用的是这个插件:ActivatePowerMode。

    2. Sanakey Google Chrome 78.0.3904.97 Windows 10
      @卡吉

      这篇文章里有本站魔改的全过程,自己看看吧!https://keymoe.com/archives/10/

  12. BeiyanPiki Google Chrome 79.0.3945.88 Windows 10

    handsome最新的6.0

    左边的侧边栏头像与名字出现在了同一行。。。可能是样式问题

    1. Sanakey Google Chrome 78.0.3904.97 Windows 10
      @BeiyanPiki

      6.0默认是同一行,不过可以在主题里设置成原来的样式。

  13. CG QQ浏览器 10.5.3863.400 Windows 10

    当两个小头图 并行在一行显示 中间并没有分开 合并了。

  14. CG QQ浏览器 10.5.3863.400 Windows 10

    盒子模式 图片左边跟头部 留了一个白边啊

    1. Sanakey Google Chrome 78.0.3904.97 Windows 10
      @CG

      使用本插件需要在handsome外观设置内关闭盒子模型!!!首页头图建议选择大图模式!

  15. 秦有时 Google Chrome 78.0.3904.108 Windows 7

    我根据你的插件进行改造适应盒子模型 发现我的文章页内的右侧栏消失了,能解释一下吗?

    1. Sanakey Google Chrome 78.0.3904.97 Windows 10
      @秦有时

      解决了就好,在这里统一说明一下,避免有人有同样的疑问。文章内需要有目录,右侧栏才会正常显示,不然就会出现文章点进去右侧栏自动消失的情况。所以如果你发现使用插件后进文章右侧栏消失,请检查当前文章是否生成了文章目录。

    2. 秦有时 Google Chrome 78.0.3904.108 Windows 7
      @秦有时

      地址 yoush.cc

      1. 秦有时 Google Chrome 78.0.3904.108 Windows 7
        @秦有时

        已解决

  16. 冷瞳丶Nemsis Google Chrome 78.0.3904.97 Windows 10

    大佬,为啥我装上之后有的时候往下滚动滚不下去,就是有时候会莫名卡住,一直滚也滚不下去

    1. Sanakey Google Chrome 78.0.3904.97 Windows 10
      @冷瞳丶Nemsis

      是装了插件后才出现的问题吗?可以的话给个链接让我瞧瞧。

  17. 秦有时 Google Chrome 78.0.3904.108 Windows 7

    大佬,为嘛你的简要内容会换行,而我的却不能呢

    1. Sanakey Google Chrome 78.0.3904.97 Windows 10
      @秦有时

      不知道你是不是说的首页的文章摘要,如果是那个的话,后台编辑文章的时候上面有个摘要分界线的按钮,在你想要拆分的地方点一下就行了,也可以自己另起一行手动添加 <!--more-->。

Leave a Comment

lamu.png