Sanakey

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

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

  1.  Home
  2. Text  
    3. Share to：

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

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

前言

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

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

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

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

神代綺凜の萌化小基地

MOE IS JUSTICE ✟ TECHNOLOGY IS POWER
萌は正義なのです ✟ テクノロジーがあれば何でもできるです

食用方式

插件本体

首先前往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

2.1.0(2020-04-23)

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

2.2.0(2020-05-08)

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

文章置顶

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

返回顶部

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

typecho一款萌萌的返回顶部插件

大家好，这次给大家分享一款typecho通用的萌萌的返回顶部插件。预览效果目前提供下面5种图片模型，以后随缘更新模...

元素动画

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

WowScroll动感元素插件

WowScroll动感元素插件用法插件本体首先前往github下载插件点击右上角绿色的Clone or downl...

致谢

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

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

常见问题及解决方案

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

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

版权属于：Sanakey(特殊声明除外)

本文链接：https://keymoe.com/archives/31/

所有原创文章采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可。 您可以自由的转载和修改，但请务必注明文章来源并且不可用于商业目的。

Last modification：May 8th, 2020 at 04:00 pm
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏

116 comments

  1. 暗忆 Google Chrome 85.0.4183.26 Windows 10

    不多说，牛逼就完事了
    Reply
  2. Cai Google Chrome 83.0.4103.116 Windows 10

    那么, 7.0 出来了, 兼容咩?
    Reply
    1. Sanakey Google Chrome 83.0.4103.116 Windows 10
      @Cai

      暂时还没去确认，一般新版本出来会有不少问题，过段时间等稳定了再更新。
      Reply
      1. 冰梦喵 Edge 85.0.564.23 Windows 10
        @Sanakey

        当handsome处于深色模式时，文章背景会是白色的喵...QAQ
        Reply
        1. Sanakey Google Chrome 84.0.4147.105 Windows 10
          @冰梦喵

          等这几天7.2版本发布了，我也会紧接着更新优化这个问题。
          Reply
  3. baidu Edge 83.0.478.64 Windows 10

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

    Reply
  4. 洛璃 QQ浏览器 10.6.4163.400 Windows 10

    请问，为什么我的用了插件以后只能在谷歌浏览器和win10自带的浏览器上插件才会运行，用QQ浏览器插件就不运行了￣﹃￣
    Reply
  5. 天际 Edge 83.0.478.54 Windows 10

    请问右侧的文章目录是如何生成的呢？
    Reply
    1. Sanakey Google Chrome 83.0.4103.97 Windows 10
      @天际

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

      Reply
      1. 天际 Edge 83.0.478.54 Windows 10
        @Sanakey

        我找到“开启目录树”了，但是我这儿没有显示555
        Reply
      2. 天际 Edge 83.0.478.54 Windows 10
        @Sanakey

        我去我的handsome设置里找一找，之前找半天没找到5555
        Reply
        1. Sanakey Google Chrome 83.0.4103.97 Windows 10
          @天际

          我记得是要用markdown语法写标题就会自动生成目录的。
          Reply
          1. 天际 Edge 83.0.478.54 Windows 10
            @Sanakey

            嗯嗯，俺用的也是MD语法，可能是我的主题颜色不对？大佬的主题配色是什么呀quq
            Reply
            1. Sanakey Google Chrome 83.0.4103.97 Windows 10
              @天际

              不知道你说的是哪个主题颜色，应该和这个没关系。
              Reply
              1. 天际 Edge 83.0.478.54 Windows 10
                @Sanakey

                十分感谢，我再去自己研究一下下
                Reply
  6. baize Edge 83.0.478.50 Windows 10

    感谢楼主慷慨分享
    Reply
    1. Sanakey Google Chrome 83.0.4103.97 Windows 10
      @baize

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

      Reply
  7. 洛璃 QQ浏览器 10.5.4043.400 Windows 10

    大大 为什么使用这个插件我在QQ浏览器上是无效的 其他插件可以正常使用 然后 换谷歌浏览器就正常显示OωO
    Reply
    1. Sanakey Google Chrome 83.0.4103.97 Windows 10
      @洛璃

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

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

        我在QQ浏览器上显示你的网站壁纸是正常的。到我自己网站就不行嘞⌇●﹏●⌇
        Reply
  8. 大白 Google Chrome 83.0.4103.61 Windows 10

    你好，我用你的插件，右下角版权样式没变化？只有插件自带的可以显示，其他的样式没变化。
    Reply
    1. Sanakey Google Chrome 83.0.4103.61 Windows 10
      @大白

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

      Reply
      1. 大白 Google Chrome 83.0.4103.61 Windows 10
        @Sanakey

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

        Reply
        1. Sanakey Google Chrome 83.0.4103.61 Windows 10
          @大白

          还是没懂， 你改过源码了吧？
          Reply
          1. 大白 Google Chrome 83.0.4103.61 Windows 10
            @Sanakey

            不记得了，哈哈，应该是曾经改过OωO
            Reply
  9. 一只猹 Google Chrome 83.0.4103.61 Windows 10

    大佬，请问一开启插件就显示syntax error, unexpected end of file，这种情况怎么办啊

    Reply
    1. Sanakey Google Chrome 81.0.4044.92 Windows 10
      @一只猹

      建议你检查其他插件有同样的问题没，自己排除掉其他插件问题或插件间冲突等问题再看看。
      Reply
  10. XiaoMouz Google Chrome 81.0.4044.129 Windows 10

    唔，大佬，那个footer能不能更新一下呢，就是做成文字样式和图标样式两切换的模式，不然好突出

    Reply
    1. Sanakey Google Chrome 81.0.4044.92 Windows 10
      @XiaoMouz

      更新了
      Reply
      1. XiaoMouz Google Chrome 81.0.4044.138 Windows 10
        @Sanakey

        太强啦，说改就改
        Reply
        1. Sanakey Google Chrome 81.0.4044.92 Windows 10
          @XiaoMouz

          合理的需求当然是可以考虑改的。
          Reply
          1. XiaoMouz Google Chrome 81.0.4044.138 Windows 10
            @Sanakey

            i了i了
            Reply
  11. xiyo 搜狗浏览器 2.X Windows 10

    大大，我覆盖原文件后还是显示2.0。
    Reply
    1. Sanakey Google Chrome 81.0.4044.92 Windows 10
      @xiyo

      单纯是我忘了改插件里面的版本号
      Reply
  12. yuuxeun Google Chrome 81.0.4044.122 Windows 10

    打扰一下作者大大，今天我同步了几篇markdown上去，发现改成首页大图模式就是我博客那样了，我已经把主题相关设置初始化了，插件也全部初始化了，但是不开插件就会这样一开就会乱

    Reply
    1. yuuxeun Google Chrome 81.0.4044.122 Windows 10
      @yuuxeun

      bug是在主题设置 必须要设置
      固定头图大小比例 8:3（自动裁剪）这里的
      Reply
      1. Sanakey Google Chrome 81.0.4044.92 Windows 10
        @yuuxeun

        问题解决了就好， 这几天沉迷ff7，刚才才看到。
        Reply

Leave a Comment

lamu.png