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. xiyo 搜狗浏览器 2.X Windows 10

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

      单纯是我忘了改插件里面的版本号
      Reply
  2. 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
  3. yuuxeun Google Chrome 81.0.4044.113 Windows 10

    咦 需要评论沈和才能看到吗
    Reply
  4. yuuxeun Google Chrome 81.0.4044.113 Windows 10

    BUG

    背景图无法居中 background-position: center center两处后解决无目录的文章 右侧的siderbar消失
    3.网速不快或电脑卡慢时 会出现两次背景图 删除css中的url后 解决

    作者求解决第二个Bug
    Reply
    1. Sanakey Google Chrome 81.0.4044.92 Windows 10
      @yuuxeun

      文章更新了常见问题及解决方案，你可以看看。
      Reply
      1. yuuxeun Google Chrome 81.0.4044.113 Windows 10
        @Sanakey

        请问还可以帮我看一下为什么我的首页文章的文字摘要只能显示在在图片的一侧
        Reply
        1. Sanakey Google Chrome 81.0.4044.92 Windows 10
          @yuuxeun

          你自己改了首页的文章区域宽度吧，把摘要的宽度去掉试试。
          Reply
      2. yuuxeun Google Chrome 81.0.4044.113 Windows 10
        @Sanakey

        这个解决办法有点神奇qaq，我想着是如何在右侧边栏添加智能自动隐藏这个功能代码加个特判，可是总有文章没有目录的呀

        Reply
        1. Sanakey Google Chrome 81.0.4044.92 Windows 10
          @yuuxeun

          github上更新修复了这个问题，你测试看看有没有bug。
          Reply
          1. yuuxeun Google Chrome 81.0.4044.113 Windows 10
            @Sanakey

            测试发现暂时没有bug了，不兼容宽度问题我去研究一下 我只是注释掉了你的maxwidth这样就会自适应页面宽度了 而后台还可以用自定义css控制maxwidth宽度
            Reply
            1. Sanakey Google Chrome 81.0.4044.92 Windows 10
              @yuuxeun

              摘要是设了固定宽度的，注释或者覆盖掉应该就可以了。
              Reply
              1. yuuxeun Google Chrome 81.0.4044.113 Windows 10
                @Sanakey

                问一下主题所有地方都是支持gif吗 比如头像和评论框 我看你们的 都会动
                Reply
                1. Sanakey Google Chrome 81.0.4044.92 Windows 10
                  @yuuxeun

                  handsome主题设置里头像和评论框都可以设置成gif图。
                  Reply
              2. yuuxeun Google Chrome 81.0.4044.113 Windows 10
                @Sanakey

                主要是我还没找到地方，昨天搞太晚了可能人老了不好使，这个麻烦作者抬我一手
                Reply
                1. Sanakey Google Chrome 81.0.4044.92 Windows 10
                  @yuuxeun

                  自定义css里添加这个应该就行了

                  #post-panel>div.blog-post>.panel-small .post-meta>.summary { padding: 0 10px; width: auto; }
                  Reply
                  1. yuuxeun Google Chrome 81.0.4044.122 Windows 10
                    @Sanakey

                    我直接吧css里面的summary 注释width也好了
                    Reply
  5. yuuxeun Google Chrome 81.0.4044.113 Windows 10

    可以让博客背景的图片居中吗？不然合适的图片只会显示图片靠下的位置不太好看
    Reply
  6. akara Google Chrome 78.0.3904.108 Windows 10

    大佬，我已经很努力修改handsome的设置了，但是我的站还是跟您的差别很大，能帮我看看差在哪里么 https://rsia.cn
    Reply
    1. Sanakey Google Chrome 81.0.4044.92 Windows 10
      @akara

      我现在看，你好像还没用我这个插件吧

      Reply
  7. bibiu Google Chrome 80.0.3987.132 Windows 10

    大佬，为何我用了插件后，我的很多文章都被吃了
    Reply
    1. Sanakey Google Chrome 81.0.4044.92 Windows 10
      @bibiu

      这个问题评论区里已经说过了，主题是基于有文章头图的情况下开发的，首页文章不放头图就会消失。 所以想正常使用本插件，建议你还是加上文章头图。
      Reply
      1. bibiu Google Chrome 80.0.3987.132 Windows 10
        @Sanakey

        大佬还有个问题，原本的头图巨丑我想调用图片的api，大佬有研究过吗怎么食用
        Reply
        1. Sanakey Google Chrome 81.0.4044.92 Windows 10
          @bibiu

          你在文章编辑页面，在大头图地址栏填上你想调用图片的api就可以了。
          Reply
  8. crazt Google Chrome 80.0.3987.163 Windows 10

    超级感谢博主！！！！ヾ(≧∇≦*)ゝ
    Reply
    1. Sanakey Google Chrome 80.0.3987.132 Windows 10
      @crazt

      不客气哦！
      Reply
  9. jin Google Chrome 80.0.3987.87 Windows 10

    博主请问开启了pjax，但是跳转页面有时候点击首页大图无法跳转，只能点击标题，要刷新才可以该怎么办
    Reply
    1. Sanakey Google Chrome 80.0.3987.132 Windows 10
      @jin

      应该是你装了其他插件或魔改过导致冲突了。
      Reply
      1. jin Google Chrome 80.0.3987.87 Windows 10
        @Sanakey

        我直接把在handsome主题设置里pjax的回调调用了函数，就可以了，应该是回调的时候有点问题
        Reply
  10. Nymane Google Chrome 74.0.3729.169 Windows 10

    大佬，为什么用了插件无法下拉，会卡住，只能拖滑块
    Reply
    1. Sanakey Google Chrome 80.0.3987.132 Windows 10
      @Nymane

      没太听懂你的意思，可以详细描述一下是哪里出了问题吗？
      Reply
      1. Nymane Google Chrome 74.0.3729.169 Windows 10
        @Sanakey

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

        Reply
        1. Sanakey Google Chrome 80.0.3987.132 Windows 10
          @Nymane

          还有，一般网页图片等资源没有完全加载成功时，也会出现这种情况，我发现你首页文章的头图有几张都有这种问题，你最好替换有用的图片链接再试。
          Reply
        2. Sanakey Google Chrome 80.0.3987.132 Windows 10
          @Nymane

          为何我测试你的网站没发现这个问题 以后你出现这个问题时，可以f12看看控制台有没有保错
          Reply
          1. Nymane 非主流浏览器 iPhone 13.1.2
            @Sanakey

            好的，谢谢大佬

            Reply
  11. Honoka Google Chrome 80.0.3987.132 Windows 10

    博主，我应用插件之后，文章页面的右侧边栏就消失了
    还有，想要你现在的UA显示样式
    Reply
    1. Sanakey Google Chrome 80.0.3987.132 Windows 10
      @Honoka

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

        博主出现了！捕捉！
        感谢解答，添加了文章目录之后已经正常
        Reply
  12. kmkr Firefox 73.0 Windows 10

    为什么右侧边栏还是原来的样子？
    Reply
    1. Sanakey Google Chrome 79.0.3945.130 Windows 10
      @kmkr

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

Leave a Comment

marisa.png