NexT主题添加不蒜子统计

之前博客部署在GitHub Page上,但在国内访问GitHub经常出现速度慢,甚至访问不了等问题。
于是我决定在Coding Page和GitHub Page上进行双线部署,在Coding Page上部署成功后,打开博客发现文章的阅读量显示为空(使用LeanCloud统计的阅读量)。
查看NexT文档后发现了另一种方法,在5.0.1以后的版本可以使用不蒜子统计阅读量。具体方法如下:

打开主题配置文件下的_config.yml,找到busuanzi_count,修改为下面的配置:

busuanzi_count:
  enable: true	# 全局开关
  total_visitors: true	# 总访客量
  total_visitors_icon: fa fa-user
  total_views: true	# 总访问量
  total_views_icon: fa fa-eye
  post_views: true	# 文章阅读量
  post_views_icon: far fa-eye

打开themes/next/layout/_partials/post目录下的post-meta.njk,找到如下代码,删掉第二行的id="busuanzi_container_page_pv" style="display: none;"。使用不蒜子统计阅读量有个缺点,就是在首页不能显示阅读量,只有把文章点进去才能看到。我试着把第一行的not is_index and删掉,在首页能够显示“阅读次数:”这几个字,但后面的数量为空。

{%- if not is_index and theme.busuanzi_count.enable and theme.busuanzi_count.post_views %}
  <span class="post-meta-item" title="{{ __('post.views') }}" id="busuanzi_container_page_pv" style="display: none;">
    <span class="post-meta-item-icon">
      <i class="{{ theme.busuanzi_count.post_views_icon }}"></i>
    </span>
    <span class="post-meta-item-text">{{ __('post.views') + __('symbol.colon') }}</span>
    <span id="busuanzi_value_page_pv"></span>
  </span>
{%- endif %}

顺便记录一下添加总访客量和总访问量的方法,打开themes/next/layout/_partials目录下的footer.njk,找到如下代码,删掉第5行的id="busuanzi_container_site_uv" style="display: none;"和第16行的id="busuanzi_container_site_pv" style="display: none;",现在重新生成一下博客就可以看到文章阅读量、总访客量、总访问量了。

{%- if theme.busuanzi_count.enable %}
<div class="busuanzi-count">
<script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
  {%- if theme.busuanzi_count.total_visitors %}
    <span class="post-meta-item" id="busuanzi_container_site_uv" style="display: none;">
      <span class="post-meta-item-icon">
        <i class="{{ theme.busuanzi_count.total_visitors_icon }}"></i>
      </span>
      <span class="site-uv" title="{{ __('footer.total_visitors') }}">
        <span id="busuanzi_value_site_uv"></span>
      </span>
    </span>
  {%- endif %}

  {%- if theme.busuanzi_count.total_views %}
    <span class="post-meta-item" id="busuanzi_container_site_pv" style="display: none;">
      <span class="post-meta-item-icon">
        <i class="{{ theme.busuanzi_count.total_views_icon }}"></i>
      </span>
      <span class="site-pv" title="{{ __('footer.total_views') }}">
        <span id="busuanzi_value_site_pv"></span>
      </span>
    </span>
  {%- endif %}
</div>
{%- endif %}