在使用星度主题时,我们可以通过修改页脚模板文件,快速集成「51LA」网站访问统计功能,实时展示标题、昨日访问人数、最近活跃访客、昨日访问量、今日访问人数、本月访问量、今日访问量、总访问量,以下是详细操作步骤(适配 1Panel 面板环境)

1. 操作前提

  • 已安装星度主题(thyuu-xingdu);

  • 拥有 1Panel 面板的操作权限,可访问应用的文件目录;

  • 服务器可正常访问外网(用于加载51LA统计脚本)。

2. 操作步骤

2.1 获取统计代码

前往51LA官网应用管理获取

A4B10F3B-190A-4F43-BDC7-642D2834A8BD.webp

2.2 配置Halo全局代码注入

0ADAD9AE-65C3-43C0-A086-C2E57D0C74EE.webp

2.3 定位页脚模板文件

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

/opt/1panel/apps/halo/halo/data/themes/thyuu-xingdu/templates/modules/footer.html

2.4 编辑 footer.html 文件

打开上述文件后,找到文件末尾的 </footer> 标签,在该标签上方粘贴从51LA官网粘贴过来的代码:

212B01F2-AA53-4B11-9821-45CF69F35E1A.webp

下方代码XXXXXXX部分替换为你自己的链接。

    <div class="footer-51la" style="margin: 0; padding: 0; line-height: 2; font-size: inherit;">
        <div style="text-align: center; margin: 0; padding: 0;">
            <script id="LA-DATA-WIDGET" crossorigin="anonymous" charset="UTF-8" src="https://v6-widget.51.la/v6/XXXXXXXXXXXXXXXX?theme=0&f=12&display=0,0,1,1,1,1,1,1"></script>
        </div>
    </div>

2.5 保存文件并生效

粘贴完成后保存文件,无需重启服务,进入主题设置后选择重置缓存,然后刷新博客页面即可在页脚看到访问统计模块。

代码截图:

F6566733-683F-4F30-98F1-FDC85551E5DF.webp

主题配置:

F2D03941-9D73-44D2-A194-934493896D1F.webp

清理模板缓存后网站底部即可展示:

576EDD4B-36DC-438A-895E-8493E7E78F6F.png

3. 样式参数调整说明

默认配置下统计模块的行高为 2,若需调整高度、间距等样式,可修改代码中以下参数:

参数

作用

调整建议

margin: 0

控制统计模块的外边距

数值越大,模块与其他元素间距越远;设为 0 则无额外间距

padding: 0

控制统计模块的内边距

控制统计模块的内边距 如需轻微留白,可改为padding: 2px 0(仅上下少量留白)

line-height: 2

控制文字行高

数值越小高度越低,如line-height: 1为最小高度;数值越大文字垂直间距越宽

font-size: inherit

字体大小

继承页脚默认字体大小,如需自定义可改为font-size: 14px等具体数值