在使用 THYUU 主题时，我们可以通过修改页脚模板文件，快速集成「不蒜子」网站访问统计功能，实时展示总访问量和访客人数，以下是详细操作步骤（适配 1Panel 面板环境）

1. 操作前提

已安装 THYUU 主题（thyuu-xingdu）；
拥有 1Panel 面板的操作权限，可访问应用的文件目录；
服务器可正常访问外网（用于加载不蒜子统计脚本）。

2. 具体操作步骤

2.1 定位页脚模板文件

通过 1Panel 面板进入应用的主题模板目录，目标文件路径为：

/opt/1panel/apps/halo/halo/data/themes/thyuu-xingdu/templates/modules/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，若需调整高度、间距等样式，可修改代码中以下参数：

参数	作用	调整建议
margin: 0	控制统计模块的外边距	数值越大，模块与其他元素间距越远；设为 0 则无额外间距
padding: 0	控制统计模块的内边距	控制统计模块的内边距如需轻微留白，可改为padding: 2px 0（仅上下少量留白）
line-height: 2	控制文字行高	数值越小高度越低，如line-height: 1为最小高度；数值越大文字垂直间距越宽
font-size: inherit	字体大小	继承页脚默认字体大小，如需自定义可改为font-size: 14px等具体数值

4. 功能说明

统计数据：「总访问量」统计网站累计 PV（页面浏览量），「访客人数」统计网站累计 UV（独立访客数）；
加载特性：脚本通过async异步加载，不会阻塞页面渲染，不影响博客加载速度和百度收录；
数据初始化：首次添加后数值显示为 0，刷新页面或有新访客访问后，数据会自动开始统计并更新。

前端1篇

THYUU主题增加网站统计