Sanakey

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

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

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

前言

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

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

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

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

食用方式

插件本体

首先前往github下载插件

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

食用步骤

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

主要特色

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

说明

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

更新

1.1.0

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

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

文章置顶

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

返回顶部

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

元素动画

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

致谢

本次魔改的代码大部分来自神代綺凜大佬原主题,再次感谢神代綺凜大佬对使用其代码进行魔改的授权。
经本人测试可以正常使用该插件,如果你在使用中发现问题,请在github里提交issue或者本文下直接留言,我看到后会第一时间回复。

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

Last modification:November 25th, 2019 at 02:48 pm
如果觉得我的文章对你有用,请随意赞赏

40 comments

  1. 冷瞳丶Nemsis     Windows 10 /    Google Chrome

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

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

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

  2. Chhokmah     Windows 10 /    Google Chrome

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

    1. Sanakey     Windows 10 /    Google Chrome
      @Chhokmah

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

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

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

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

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

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

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

    1. Sanakey     Windows 10 /    Google Chrome
      @CITRON

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

      color: #58666e;

      }
      .text-title {

      color: #555;

      }
      .text-muted {

      color: #98a6ad;

      }

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

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

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

              不客气

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

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

    1. Sanakey     Windows 10 /    Google Chrome
      @CF

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

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

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

        1. Sanakey     Windows 10 /    Google Chrome
          @CF

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

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

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

    2. Sanakey     Windows 10 /    Google Chrome
      @卡吉

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

  8. BeiyanPiki     Windows 10 /    Google Chrome

    handsome最新的6.0

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

    1. Sanakey     Windows 10 /    Google Chrome
      @BeiyanPiki

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

  9. CG     Windows 10 /    QQ浏览器

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

  10. CG     Windows 10 /    QQ浏览器

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

    1. Sanakey     Windows 10 /    Google Chrome
      @CG

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

  11. 秦有时     Windows 7 /    Google Chrome

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

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

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

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

      地址 yoush.cc

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

        已解决

  12. 冷瞳丶Nemsis     Windows 10 /    Google Chrome

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

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

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

  13. 秦有时     Windows 7 /    Google Chrome

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

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

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

Leave a Comment