博客访客数量和访问量的设置-busuanzi

1、在next主题配置中打开busuanzi的配置,即C:\Users\zxz\OneDrive\Desktop\zxzlimit.github.io-dev\themes\next_config.yml当中,搜索定位到busuanzi处,然后改为以下内容

# Show Views / Visitors of the website / page with busuanzi.
# Get more information on http://ibruce.info/2015/04/04/busuanzi
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: fa fa-eye

2、这样配置好了应该会出现数据,但位置错乱,如下图

image-20250804202133147

将themes\next\layout_third-party\statistics\busuanzi-counter.njk文件的内容复制到themes\next\layout_partials\footer.njk下面,好看一些,不然会显示得很奇怪而且不好调整,同时删除busuanzi-counter.njk文件内容。也就是以下内容,直接放在footer.njk最后面就行了

{# ===== busuanzi统计===== #}
{% if theme.busuanzi_count.enable %}
<div class="busuanzi-count">
<script{{ pjax }} async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

{% if theme.busuanzi_count.total_visitors %}
<span 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_visitors and theme.busuanzi_count.total_views %}
<span class="post-meta-divider" style="margin: 0 0.5em;">|</span>
{% endif %}

{% if theme.busuanzi_count.total_views %}
<span 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 %}

image-20250805165355385