Sanakey

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

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

  1.  Home
  2. Text  
    3. Share to：

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

最新更新时间: 2022-03-01

前言

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

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

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

神代綺凜の萌化小基地

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

食用方式

插件本体

首先前往github下载插件

点击右上角绿色的Code按钮，Download ZIP, 解压文件。

食用步骤

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

主要特色

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

说明

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

更新

3.0.2(2022-03-01)

  • 适配 handsome 8.3，让各位久等了，感谢Raoby提供的适配代码！

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。多篇文章可以用,隔开。

返回顶部

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

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

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

元素动画

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

WowScroll动感元素插件

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

致谢

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

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

常见问题及解决方案

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

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

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

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

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

Last modification：March 1st, 2022 at 10:56 pm
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏

165 comments

  1. 云图床 Google Chrome 92.0.4515.159 Windows 10

    非常不错，非常感谢站长分享，欢迎站长可以使用国内正规备案 + 国内CDN加速的 云图床 ，
    云图床一直都很稳定 、速度也很快，云图床很受站长、摄影师、漫画爱好者、电商以及新媒体的青睐，云图床也希望能得到贵站的青睐，云图床地址：https://cloudimge.com/
    Reply
  2. 333 Google Chrome 92.0.4515.159 Windows 10

    看看大佬
    Reply
  3. 白钻想peach Edge 91.0.864.41 Windows 7

    评论分割代码能否分享[狗头]
    Reply
  4. JIeJaitt QQ浏览器 11.5 Android 10

    问一下，前辈博客左侧头像下面的文字js特效怎么实现的呐
    Reply
    1. Sanakey Google Chrome 91.0.4472.77 Windows 10
      @JIeJaitt

      本站handsome主题魔改折腾记录里面就有。
      Reply
      1. JIeJaitt Safari 605.1.15 Mac OS X Lion 10.15.7
        @Sanakey

        请问一下博主对这款主题做了seo嘛？有推荐的seo插件嘛？
        Reply
        1. Sanakey Google Chrome 94.0.4606.81 Windows 10
          @JIeJaitt

          本插件只在handsome主题基础上做了样式上的优化，seo我并没有做

          Reply
  5. iuou Google Chrome 90.0.4430.72 Windows 10

    请问大佬的博客右侧透明样式是怎么实现的，有教学吗
    Reply
  6. yuni Google Chrome 90.0.4430.72 Windows 10

    博主，您好，我想请教您一个问题：你的文章目录是采用了什么插件实现的，有链接吗
    Reply
    1. Sanakey Google Chrome 89.0.4389.114 Windows 10
      @yuni

      目录我记得是handsome自带的。
      Reply
  7. 21 Google Chrome 89.0.4389.82 Windows 10

    请问你的首页置顶文章是怎么分开的？
    Reply
    1. Sanakey Google Chrome 89.0.4389.114 Windows 10
      @21

      没搞懂你的意思，如果你说的并排显示两个，那是因为文章发布页里设置了小头图样式。
      Reply
  8. gated0 Google Chrome 88.0.4324.150 Windows 10

    这个支持现在的8.0版本吗
    Reply
    1. Sanakey Google Chrome 89.0.4389.114 Windows 10
      @gated0

      一般情况下，只要handsome没大改html结构与css选择器，就可以支持。
      Reply
  9. 盘酱诺艾尔 Google Chrome 87.0.4280.66 Windows 10

    KirinShiKi插件该如何修改文章的文字背景css？
    在使用透明模式后文字变成白色和背景冲突导致看不见字
    Reply
    1. yapeng Firefox 85.0 Windows 10
      @盘酱诺艾尔

      找不到对应的选择器。。
      Reply
    2. Sanakey Google Chrome 87.0.4280.88 Windows 10
      @盘酱诺艾尔

      建议你了解一下css的知识，很简单的。只要找到对应的选择器，添加这行color:#000; 就行了。
      Reply
  10. 1633 Google Chrome 86.0.4240.111 Mac OS X 10.15.5

    博主，您好，我想请教您一个问题：右侧边栏热门文章栏目中的图片是怎么做到替换的？

    Reply
    1. Sanakey Google Chrome 85.0.4183.102 Windows 10
      @1633

      把 handsome/usr/img/sj2 文件夹下的图片按同样的命名方式替换掉就行了。
      Reply
      1. 1633 Google Chrome 86.0.4240.111 Mac OS X 10.15.5
        @Sanakey

        好的，感谢回复ヾ(≧∇≦*)ゝ
        Reply
  11. 王洪峰 Google Chrome 86.0.4195.1 Windows 10

    你好，我想问下在插件的kirin.js里的第 63、64行为什么添加了两个id为mybg的div呢，是有什么作用么？
    Reply
    1. Sanakey Google Chrome 85.0.4183.102 Windows 10
      @王洪峰

      一个是给盒子模式用的，一个是给非盒子模式用的，都是用来显示背景图。
      Reply
      1. 王洪峰 Google Chrome 86.0.4195.1 Windows 10
        @Sanakey

        好的，谢谢，我是在我的网站上加了一个小功能，但是有这个重复的div就导致我自定义的js部分失效了，我自己删除了一个就好了。
        Reply
  12. -xiao_kai- Google Chrome 85.0.4183.121 Windows 10

    为什么这个插件会替换掉我的歌单？
    怎么改回来啊
    Reply
    1. Sanakey Google Chrome 85.0.4183.102 Windows 10
      @-xiao_kai-

      本插件基本只在样式上做了美化，没动过歌单功能。
      Reply
      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
        Reply
        1. Sanakey Google Chrome 85.0.4183.102 Windows 10
          @-xiao_kai-

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

Leave a Comment

reimu.png