自定义NexT主题

NexT版本为:8.10.1

首页文章只展示部分

在文章中使用 <!-- more --> 手动进行截断,Hexo 提供的方式

字数统计

  1. 首先安装hexo-symbols-count-time组件

    npm install hexo-symbols-count-time

  2. _config.yml中添加如下配置

    1
    2
    3
    4
    5
    6
    7
    8
    9
    
    symbols_count_time:
      # 文章字数统计
      symbols: true
      # 阅读时长
      time: true
      # 站点字数统计
      total_symbols: true
      # 站点阅读总时长
      total_time: true

人数统计

使用busuanzi提供的服务

  1. NexT中不需要引入script

  2. 直接在配置文件中加入如下配置

    1
    2
    3
    4
    5
    6
    7
    8
    
    busuanzi_count:
      enable: true
      total_visitors: true
      total_visitors_icon: fa | fa-user
      total_views: true
      total_views_icon: fa | fa-eye
      post_views: false
      post_views_icon: fa | fa-eye

自定义目录

修改_config.next.yml文件

1
2
3
4
5
6
7
menu:
  home: / || fa fa-bell
  archives: /archives/ || fa fa-archive
  #sitemap: /sitemap.xml || fa fa-sitemap
  # comment: /message || fa fa-comments
  about: /about || fa fa-user-circle
  #commonweal: /404/ || fa fa-heartbeat

生成新页面:

1
hexo new page "页面名字"

去除页脚相关信息

修改_config.next.yml文件

1
2
3
4
5
6
7
8
footer:
  since: 2017
  copyright: Deepincode #版权
  powered: false
  theme:
    enable: false
    version: false
  custom_text: #输入自定义文本

文章图片

修改_config.yml

1
post_asset_folder: true

安装hexo-asset-image组件

1
npm install https://github.com/CodeFalling/hexo-asset-image --save

新建文章,source/_post目录下生城md文件,并同时生成一个同名的文件夹

1
hexo new post "测试图片"

md文件中引用图片的额时候直接使用文件名,即:

执行了hexo new post "测试图片"命令之后,_post文件夹的目录结果如下

1
2
3
_post
   |-测试图片
   |-测试图片.md

将需要在文章中引入的图片测试图片.jpg放在测试图片的文件夹下,在测试图片.md文件中如下引入:

1
![img1](测试图片.jpg)

站点运行时长

修改footer.njk文件,加入如下内容

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
<div class="footer-custom">
<span id="timeDate">载入天数...</span><span id="times">载入时分秒...</span>
<script>
    var now = new Date();
    function createtime() {
        var grt= new Date("建站时间");
        now.setTime(now.getTime()+250);
        days = (now - grt ) / 1000 / 60 / 60 / 24; dnum = Math.floor(days);
        hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum); hnum = Math.floor(hours);
        if(String(hnum).length ==1 ){hnum = "0" + hnum;} minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
        mnum = Math.floor(minutes); if(String(mnum).length ==1 ){mnum = "0" + mnum;}
        seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
        snum = Math.round(seconds); if(String(snum).length ==1 ){snum = "0" + snum;}
        document.getElementById("timeDate").innerHTML = "本站已安全运行 "+dnum+" 天 ";
        document.getElementById("times").innerHTML = hnum + " 小时 " + mnum + " 分 " + snum + " 秒";
    }
	setInterval("createtime()",250);
</script>
</div>

Gitter聊天

修改footer.njk文件,加入如下内容

1
2
3
4
5
6
7
<!--使用 Gitter 实现一个 IM 即时通讯聊天室功能-->
<script>
  ((window.gitter = {}).chat = {}).options = {
    room: 'fallinyou/community'
  };
</script>
<script src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer></script>

相关内容

0%