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