自定义NexT主题
NexT版本为:8.10.1
首页文章只展示部分
在文章中使用 <!-- more --> 手动进行截断,Hexo 提供的方式
字数统计
-
首先安装
hexo-symbols-count-time组件npm install hexo-symbols-count-time -
在
_config.yml中添加如下配置1symbols_count_time: 2 # 文章字数统计 3 symbols: true 4 # 阅读时长 5 time: true 6 # 站点字数统计 7 total_symbols: true 8 # 站点阅读总时长 9 total_time: true
人数统计
使用busuanzi提供的服务
-
NexT中不需要引入script
-
直接在配置文件中加入如下配置
1busuanzi_count: 2 enable: true 3 total_visitors: true 4 total_visitors_icon: fa | fa-user 5 total_views: true 6 total_views_icon: fa | fa-eye 7 post_views: false 8 post_views_icon: fa | fa-eye
自定义目录
修改_config.next.yml文件
1menu:
2 home: / || fa fa-bell
3 archives: /archives/ || fa fa-archive
4 #sitemap: /sitemap.xml || fa fa-sitemap
5 # comment: /message || fa fa-comments
6 about: /about || fa fa-user-circle
7 #commonweal: /404/ || fa fa-heartbeat
生成新页面:
1hexo new page "页面名字"
去除页脚相关信息
修改_config.next.yml文件
1footer:
2 since: 2017
3 copyright: Deepincode #版权
4 powered: false
5 theme:
6 enable: false
7 version: false
8 custom_text: #输入自定义文本
文章图片
修改_config.yml
1post_asset_folder: true
安装hexo-asset-image组件
1npm install https://github.com/CodeFalling/hexo-asset-image --save
新建文章,source/_post目录下生城md文件,并同时生成一个同名的文件夹
1hexo new post "测试图片"
md文件中引用图片的额时候直接使用文件名,即:
执行了hexo new post "测试图片"命令之后,_post文件夹的目录结果如下
1_post
2 |-测试图片
3 |-测试图片.md
将需要在文章中引入的图片测试图片.jpg放在测试图片的文件夹下,在测试图片.md文件中如下引入:
1
站点运行时长
修改footer.njk文件,加入如下内容
1<div class="footer-custom">
2<span id="timeDate">载入天数...</span><span id="times">载入时分秒...</span>
3<script>
4 var now = new Date();
5 function createtime() {
6 var grt= new Date("建站时间");
7 now.setTime(now.getTime()+250);
8 days = (now - grt ) / 1000 / 60 / 60 / 24; dnum = Math.floor(days);
9 hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum); hnum = Math.floor(hours);
10 if(String(hnum).length ==1 ){hnum = "0" + hnum;} minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
11 mnum = Math.floor(minutes); if(String(mnum).length ==1 ){mnum = "0" + mnum;}
12 seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
13 snum = Math.round(seconds); if(String(snum).length ==1 ){snum = "0" + snum;}
14 document.getElementById("timeDate").innerHTML = "本站已安全运行 "+dnum+" 天 ";
15 document.getElementById("times").innerHTML = hnum + " 小时 " + mnum + " 分 " + snum + " 秒";
16 }
17 setInterval("createtime()",250);
18</script>
19</div>
Gitter聊天
修改footer.njk文件,加入如下内容
1<!--使用 Gitter 实现一个 IM 即时通讯聊天室功能-->
2<script>
3 ((window.gitter = {}).chat = {}).options = {
4 room: 'fallinyou/community'
5 };
6</script>
7<script src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer></script>
— END —