hexo-next主题的美化2

美化的第二部分，加入稳定运行时间和访问次数统计。

好久没更新博客了。。。闲来无事突然想起来还有一些其他可以美化的地方（并没什么用的强迫症），今天就来记录一下吧。
参考链接1
参考链接2
参考链接3
参考链接4

加入网站运行时间

我用的是next主题，所以首先要找到主题的footer.swig文件

你博客的路径\themes\next\layout\_partials\footer.swig

然后加入以下内容：

<!--已稳定时间-->
<span id="sitetime"></span>
<script language=javascript>
	function siteTime(){
		window.setTimeout("siteTime()", 1000);
		var seconds = 1000;
		var minutes = seconds * 60;
		var hours = minutes * 60;
		var days = hours * 24;
		var years = days * 365;
		var today = new Date();
		var todayYear = today.getFullYear();
		var todayMonth = today.getMonth()+1;
		var todayDate = today.getDate();
		var todayHour = today.getHours();
		var todayMinute = today.getMinutes();
		var todaySecond = today.getSeconds();
		var t1 = Date.UTC(2020,07,07,13,00,00);//运行开始的时间，我填的是2020-07-07 13：00：00
		var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond);
		var diff = t2-t1;
		var diffYears = Math.floor(diff/years);
		var diffDays = Math.floor((diff/days)-diffYears*365);
		var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours);
		var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes);
		var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds);
		document.getElementById("sitetime").innerHTML=" 已稳定运行"+/*diffYears+" 年 "+*/diffDays+" 天 "+diffHours+" 小时 "+diffMinutes+" 分钟 "+diffSeconds+" 秒";
	}
	siteTime();
</script>

然后根据注释自己修改就可以了。

加入网站访问统计

在footer部分加入访问统计，主要依赖不蒜子这个插件，还是在上面那个路径中，加入这部分：

<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
{% if theme.footer.counter %}
    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    <span id="busuanzi_container_site_pv">本站总访问量<span id="busuanzi_value_site_pv"></span>次</span>
    <span class="post-meta-divider">|</span>
    <span id="busuanzi_container_site_uv">本站访客数<span id="busuanzi_value_site_uv"></span>人</span>
{% endif %}

这样就重新部署就已经可以正确记录访问次数了。

当然如果你用的是next主题，还有一种更简单的方法，打开你next主题的config文件：

你博客的路径\themes\next\_config.yml

然后搜索busuanzi，找到如下部分：

busuanzi_count:
  enable: true #总开关，true为开启状态
  total_visitors: true #总访客数的计数开关
  total_visitors_icon: fa fa-user
  total_views: true #总浏览量的计数开关
  total_views_icon: fa fa-eye
  post_views: false #文章浏览量的计数开关，因为我已经用了leancloud所以就关了
  post_views_icon: fa fa-eye

最后当然是选择使用next主题自带的了，因为有好看的小图标