hexo添加评论和访问统计填坑

hexo采用LiveRe(来必力)添加评论系统,不蒜子添加访客统计。

评论系统

本来之前采用的是gittalk,想着照顾没有github账号和想匿名留言的同学。调查了一通,发现了一个比较好的工具:LeanCloud。不仅有匿名留言,还有访客统计。满怀期待,最后发现还要实名认证,弃!

逛了一圈,综合稳定性和美观性,选用了LiveRe(来必力)。去注册一个账号,选择社区,复制data-uid,填到主题的_config.yml中的livere=your id即可。

<div id="lv-container" data-id="city" data-uid="you id">

需要注意的是,需要在管理页面中设置社交平台和评论提醒邮件地址。

不蒜子

参考不蒜子官网的介绍,使用只需

<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>

但是默认,默认开启后,发现前端不显示,进一步查发现display:none

解决方案如下

1. post.pug

找到不蒜子部分,删掉span#busuanzi_container_page_pv= ' | '中的#busuanzi_container_page_pv,完整的不蒜子部分

if theme.busuanzi == true
        //- script(src='https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js', async) // 老版,不蒜子已更换域名
        <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
        span= ' | '
          span#busuanzi_value_page_pv
          span= ' ' + __('Hits')

maupassant-hexo默认主题下是没有在footer中做站点统计的,只有篇章统计。添加如下

#footer
  if theme.busuanzi == true
      <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
      <span>本站总访问量<span id="busuanzi_value_site_pv"></span></span>
      <span>总访客<span id="busuanzi_value_site_uv"></span></span>
      <br>
  = 'Copyright © ' + date(Date.now(), 'YYYY') + ' '
  a(href=url_for('.'), rel='nofollow')= config.title + '.'
  |  Powered by
  a(rel='nofollow', target='_blank', href='https://hexo.io')  Hexo.
  a(rel='nofollow', target='_blank', href='https://github.com/tufu9441/maupassant-hexo')  Theme
  |  by
  a(rel='nofollow', target='_blank', href='https://github.com/pagecho')  Cho.

这里也填了一个坑。

如果按照其他家博客的介绍,

<span id="这里是有id的(busuanzi_container_site_pv)">本站总访问量<span id="busuanzi_value_site_pv"></span>次</span>

同理,这里也两个span的id删掉了。

大工告成。

看板娘

多说一句,如果想使用自己的看板娘,参考: Hexo 博客利用 live2d 插件放置一个萌萌哒看板娘

简单做法

1. 在您博客根目录下创建一个 live2d_models 文件夹
2. 在此文件夹内新建一个子文件夹, 如 **mymodel**
3. 将你的 Live2D 模型复制到这个子文件夹中,自有模型应当有一个 .model.json 文件 (例如 mymodel.model.json)
4. 将子文件夹的名称输入 _config.yml 的 model.use 中

重新hexo g就好