建站过程4-附加功能

本文主要包括评论区、访问统计以及运行时长的实现方法。

评论区

官方网站：giscus

配置方法：

• 在官网上按照个人需要选择配置

  

• 页面上会自动生成配置代码

  

• 将这些代码插入你的个人博客页面，或者在个人博客主题的_config.yml文件中配置相应参数

  

然后你就可以在博客上看到自己的评论区了：

快来给我评论！！！

访问统计

fluid反正自带不蒜子，因此页脚和文章顶部的阅读次数可以不必我们操心了，但如果希望得到更加详细的访问数据，需要借助一些其它工具：

百度统计

简单注册一个账号，然后进入控制台，加上自己的网站域名：

点击“获取代码”；

绿色涂色处是你的统计脚本的token

之后可以把token填入博客主题的_config文件中（如果支持的话），或者也可以使用代码注入的方法将它添加到你的网站源码中（以下注入方法只适用于fluid主题）：

hexo.extend.filter.register('theme_inject', function(injects) {
    injects.head.file('ana','source/_inject/analytics.html');
});

其中我们把上面的代码放在了analytics.html中

运行时长

参见 Fluid 页脚增加网站运行时长

创建duration.js，内容如下：

!(function() {
  /** 计时起始时间，自行修改 **/
  var start = new Date("2020/01/01 00:00:00");

  function update() {
    var now = new Date();
    now.setTime(now.getTime()+250);
    days = (now - start) / 1000 / 60 / 60 / 24;
    dnum = Math.floor(days);
    hours = (now - start) / 1000 / 60 / 60 - (24 * dnum);
    hnum = Math.floor(hours);
    if(String(hnum).length === 1 ){
      hnum = "0" + hnum;
    }
    minutes = (now - start) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
    mnum = Math.floor(minutes);
    if(String(mnum).length === 1 ){
      mnum = "0" + mnum;
    }
    seconds = (now - start) / 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 = "本站安全运行&nbsp"+dnum+"&nbsp天";
    document.getElementById("times").innerHTML = hnum + "&nbsp小时&nbsp" + mnum + "&nbsp分&nbsp" + snum + "&nbsp秒";
  }

  update();
  setInterval(update, 1000);
})();