大家好，这次又是一篇关于handsome魔改主题的文章，不过这次咱不分享教程，直接上自己写的插件。
前言
使用魔改教程一般需要修改主题文件源代码，这对普通人懒癌晚期患者并不友好，而且每次主题更新对我们魔改过主题的人来说都是一次噩梦。魔改一时爽，更新火葬场。 更新完主题还得重新再按教程魔改一遍。啊，好麻烦啊！有没有插件啊？
嘿，你还真问对了，正是因为这个痛点，我尝试着把神代綺凜大佬的魔改主题教程直接封装成了一个插件，详细请看下文。
使用插件后的最终效果参考原博客地址：
食用方式
插件本体
首先前往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)
- 添加关闭标题卖萌选项。
文章置顶
文章置顶功能需要使用handsome官方插件。在文章设置->置顶文章的 cid输入想要置顶的文章cid。多篇文章可以用,隔开。
返回顶部
本插件没有添加返回顶部功能，返回顶部我单独写了一个插件，可定制性与泛用性更高。详情请看：
元素动画
关于本博客内使用到的各种元素入场动画，均由我写的另一个插件实现。详情请看：
致谢
本次魔改的代码大部分来自神代綺凜大佬原主题，再次感谢神代綺凜大佬对使用其代码进行魔改的授权，也感谢大家的支持，虽然就没有人打赏过o(╥﹏╥)o，今后有时间我就会保持维护和更新，请大家放心食用！
经本人测试可以正常使用该插件，如果你在使用中发现问题，请在github里提交issue或者本文下直接留言，我看到后会第一时间回复。
常见问题及解决方案
鉴于评论区经常重复提出已经回复过的问题，为了节省大家的时间，我专门总结了一下大家使用插件时常见问题及解决方案，看看下面的这些问题有没有你遇到的。
版权属于：Sanakey(特殊声明除外)
本文链接：https://keymoe.com/archives/31/
所有原创文章采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可。 您可以自由的转载和修改，但请务必注明文章来源并且不可用于商业目的。
你好，我想问下在插件的kirin.js里的第 63、64行为什么添加了两个id为mybg的div呢，是有什么作用么？
一个是给盒子模式用的，一个是给非盒子模式用的，都是用来显示背景图。
好的，谢谢，我是在我的网站上加了一个小功能，但是有这个重复的div就导致我自定义的js部分失效了，我自己删除了一个就好了。
为什么这个插件会替换掉我的歌单？
怎么改回来啊
本插件基本只在样式上做了美化，没动过歌单功能。
可歌单确实被替换了，你可以通过我的截图来看
我把我原来的 链接从列表里删了，但还是有音乐
图：
https://bonestudio.littlehei.com/2020/10/02/685a0830f3f18.png
https://bonestudio.littlehei.com/2020/10/02/25181ec387117.png
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>';评论md排版有点问题 具体还是看一下文件吧Orz
之前6.0没事， 可能是玄学问题 = =
不好意思，最近为了适配盒子模型，修改了css选择器，结果插件里面忘了改，这是我的失误，
现在已经修复了，感谢指出问题。
最新版本支持吗
一直都支持，这次更新优化适配了一下新版的细节。
不多说，牛逼就完事了
那么, 7.0 出来了, 兼容咩?
暂时还没去确认，一般新版本出来会有不少问题，过段时间等稳定了再更新。
当handsome处于深色模式时，文章背景会是白色的喵...QAQ
等这几天7.2版本发布了，我也会紧接着更新优化这个问题。
启用插件后显示serve error，怎么解决
请问，为什么我的用了插件以后只能在谷歌浏览器和win10自带的浏览器上插件才会运行，用QQ浏览器插件就不运行了￣﹃￣
请问右侧的文章目录是如何生成的呢？
右侧的文章目录是handsome主题自带的
我找到“开启目录树”了，但是我这儿没有显示555
我去我的handsome设置里找一找，之前找半天没找到5555
我记得是要用markdown语法写标题就会自动生成目录的。
嗯嗯，俺用的也是MD语法，可能是我的主题颜色不对？大佬的主题配色是什么呀quq
不知道你说的是哪个主题颜色，应该和这个没关系。
十分感谢，我再去自己研究一下下
感谢楼主慷慨分享
独乐乐不如众乐乐，大家好才是真的好
大大 为什么使用这个插件我在QQ浏览器上是无效的 其他插件可以正常使用 然后 换谷歌浏览器就正常显示OωO
插件完全基于chrome开发的，只测试了chrome、Firefox、Edge。
我在QQ浏览器上显示你的网站壁纸是正常的。到我自己网站就不行嘞⌇●﹏●⌇
你好，我用你的插件，右下角版权样式没变化？只有插件自带的可以显示，其他的样式没变化。
因为目前就只做了插件自带版权的样式切换功能。
能不能看 一下我的博客下面版权样式，我表述不太好。http://nni5.com
还是没懂，
你改过源码了吧？
不记得了，哈哈，应该是曾经改过OωO