NexT版本为:8.10.1
首页文章只展示部分
在文章中使用 <!-- more -->
手动进行截断,Hexo 提供的方式
字数统计
首先安装hexo-symbols-count-time
组件
npm install hexo-symbols-count-time
在_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提供的服务
NexT中不需要引入script
直接在配置文件中加入如下配置
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
生成新页面:
去除页脚相关信息
修改_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
文件,并同时生成一个同名的文件夹
md文件中引用图片的额时候直接使用文件名,即:
执行了hexo new post "测试图片"
命令之后,_post
文件夹的目录结果如下
1
2
3
_post
| -测试图片
| -测试图片.md
将需要在文章中引入的图片测试图片.jpg
放在测试图片
的文件夹下,在测试图片.md
文件中如下引入:
站点运行时长
修改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 >