在使用 THYUU 主题时,我们可以通过修改页脚模板文件,快速集成「不蒜子」网站访问统计功能,实时展示总访问量和访客人数,以下是详细操作步骤(适配 1Panel 面板环境)
1. 操作前提
已安装 THYUU 主题(thyuu-xingdu);
拥有 1Panel 面板的操作权限,可访问应用的文件目录;
服务器可正常访问外网(用于加载不蒜子统计脚本)。
2. 具体操作步骤
2.1 定位页脚模板文件
通过 1Panel 面板进入应用的主题模板目录,目标文件路径为:
/opt/1panel/apps/halo/halo/data/themes/thyuu-xingdu/templates/modules/footer.html2.2 编辑 footer.html 文件
打开上述文件后,找到文件末尾的 </footer> 标签,在该标签上方粘贴以下代码:
<div class="footer-busuanzi" style="margin: 0; padding: 0; line-height: 2; font-size: inherit;">
<script src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js" async=""></script>
<div style="text-align: center; margin: 0; padding: 0;">
<span id="busuanzi_container_site_pv" style="display: inline;">总访问量:<span id="busuanzi_value_site_pv">0</span></span>|
<span id="busuanzi_container_site_uv" style="display: inline;">访客人数:<span id="busuanzi_value_site_uv">0</span></span>
</div>
</div>2.3 保存文件并生效
粘贴完成后保存文件,无需重启服务,进入主题设置后选择重置缓存,然后刷新博客页面即可在页脚看到访问统计模块。
代码截图:

主题配置:

网站底部:

3. 样式参数调整说明
默认配置下统计模块的行高为 2,若需调整高度、间距等样式,可修改代码中以下参数:
4. 功能说明
统计数据:「总访问量」统计网站累计 PV(页面浏览量),「访客人数」统计网站累计 UV(独立访客数);
加载特性:脚本通过async异步加载,不会阻塞页面渲染,不影响博客加载速度和百度收录;
数据初始化:首次添加后数值显示为 0,刷新页面或有新访客访问后,数据会自动开始统计并更新。
3小时前