Hexo Next主题定制化

Hexo Next主题定制化

[toc]

设置网站图标

默认的网站图标是一个N,当然是需要制定一个图了,在网上找到图后,将其放在/themes/next/source/images里面,然后在主题配置文件中修改下图所示图片位置

sHd5kLC

文章结束标语

新建文件

\themes\next\layout\_macro中新建passage-end-tag.swig文件,添加代码至该文件中:

<div>
    {% if not is_index %}
            
-------------本文结束感谢您的阅读-------------
{% endif %} </div>

修改post.swig

打开\themes\next\layout\_macro\post.swig文件,在post-body后,post-footer前,添加下面内容:

<div>
  {% if not is_index %}
        {% include 'passage-end-tag.swig' %}
      {% endif %}
</div>

修改_config

打开主题配置文件(_config.yml),在末尾添加:

#文章末尾添加“本文结束”标记
passage_end_tag:
  enabled: true

网页标题崩溃欺骗搞怪特效

新建crash_cheat.js

next\source\js\src文件夹下创建rash_cheat.js,添加代码:

<!--崩溃欺骗-->
 var OriginTitle = document.title;
 var titleTime;
 document.addEventListener('visibilitychange', function () {
     if (document.hidden) {
         $('[rel="icon"]').attr('href', "/img/TEP.ico");
         document.title = '╭(°A°`)╮ 页面崩溃啦 ~';
         clearTimeout(titleTime);
     }
     else {
         $('[rel="icon"]').attr('href', "/favicon.ico");
         document.title = '(ฅ>ω<*ฅ) 噫又好了~' + OriginTitle;
         titleTime = setTimeout(function () {
             document.title = OriginTitle;
         }, 2000);
     }
 });

修改_layout.swig

next\layout\_layout.swig文件中,添加引用(注:在swig末尾添加):

<!--崩溃欺骗-->
<script type="text/javascript" src="/js/src/crash_cheat.js"></script>

避免read.me,CNAME文件的覆盖,手动改github page的域名

方法一:每次 hexo d 之后,就去 GitHub 仓库根目录新建 CNAME文件

方法二:在 hexo g 之后, hexo d 之前,把CNAME文件复制到 “\public\” 目录下面,里面写入你要绑定的域名。

方法三(推荐):将需要上传至github的内容放在source文件夹,例如CNAME、favicon.ico、images等,这样在 hexo d 之后就不会被删除了。

方法四:通过安装插件实现永久保留

$ npm install hexo-generator-cname --save

之后在_config.yml中添加一条

Plugins:
- hexo-generator-cname

需要注意的是:如果是在github上建立的CNAME文件,需要先clone到本地,然后安装插件,在deploy上去即可。CNAME只允许一个域名地址

注意

之前每一次hexo d -g 都会出现访问不了网站,需要手动在github page的setting里重新设置一下,下面就是解决方案。

修改 _config.yml

url: http://www.coldcrack.me
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:
-------------本文结束感谢您的阅读-------------