🎉 访问统计功能安装完成总结
🎉 访问统计功能安装完成总结
🚀 已完成的操作
您的个人主页已成功集成访问统计功能!
✅ 已启用的功能
- Busuanzi 访问统计 (不蒜子)
- 显示网站总访问量
- 显示唯一访客数
- 📍 位置:网站页脚底部
- 状态:✅ 已启用,即插即用
⚙️ 可选功能(需手动启用)
- 地理位置统计 (Ipapi)
- 显示当前访问者的国家和国家代码
- 例如:🌍 来自 China (CN)
- 需要取消注释代码才能启用
- Google Analytics (完整分析)
- 需要在
_config.yml中配置追踪 ID
- 需要在
- StatCounter (第三方统计)
- 需要注册账户并集成追踪代码
📁 修改的文件
✅ _includes/footer/custom.html (主要配置文件)
✅ README.md (添加功能说明)
✅ VISITOR_STATS_GUIDE.md (完整配置指南)
✅ STATS_SETUP_SUMMARY.md (本文件)
🎨 当前显示效果
页脚会显示:
📊 本站总访问量:[数字] | 👤 本站访客数:[数字]
示例:
📊 本站总访问量:1,234 | 👤 本站访客数:567
🔧 快速启用国家统计
如果您想显示访问者的国家信息,请按以下步骤操作:
步骤 1:编辑文件
打开:_includes/footer/custom.html
步骤 2:启用国家显示
找到第 56-57 行的代码:
<!-- Optional: Display visitor's country (uncomment to enable) -->
<!-- <p id="geo-location-info" style="margin-top: 10px; font-size: 0.85em; color: #999;"></p> -->
改为:
<!-- Optional: Display visitor's country (uncomment to enable) -->
<p id="geo-location-info" style="margin-top: 10px; font-size: 0.85em; color: #999;"></p>
步骤 3:启用地理位置脚本
找到第 77-90 行的注释代码块:
<!-- Optional: Geo-location tracking using ipapi (uncomment to enable)
<script>
...
</script>
-->
改为(保留 HTML 注释,只移除 script 块的注释):
<!-- Optional: Geo-location tracking using ipapi (uncomment to enable) -->
<script>
// Fetch visitor's country information
fetch('https://ipapi.co/json/')
.then(response => response.json())
.then(data => {
const geoInfo = document.getElementById('geo-location-info');
if (geoInfo) {
geoInfo.innerHTML = `🌍 来自 <strong>${data.country_name}</strong> (${data.country_code})`;
}
})
.catch(error => console.log('Geo-location fetch failed', error));
</script>
步骤 4:保存并测试
- 保存文件
- 提交到 Git
- 网站会自动部署
- 刷新浏览器查看效果
📊 如何查看详细统计
虽然 Busuanzi 只显示总访问量,但如果您需要更详细的分析(按国家、按来源等),有以下选项:
选项 1:使用 Google Analytics(推荐)
- 提供完整的访问分析
- 包括地理位置、设备、来源等信息
- 配置步骤见
VISITOR_STATS_GUIDE.md
选项 2:使用 StatCounter
- 第三方独立统计
- 支持自定义报表
- 配置步骤见
VISITOR_STATS_GUIDE.md
🎯 下一步建议
- 部署网站
git add . git commit -m "Add visitor statistics with Busuanzi" git push origin master - 验证功能
- 访问您的网站
- 确认页脚显示访问统计
- 刷新几次检查数字是否更新
- 可选:启用更多功能
- 参考
VISITOR_STATS_GUIDE.md启用国家统计 - 配置 Google Analytics 获取详细分析
- 参考
- 定期检查
- 观察访问数据趋势
- 根据需要调整显示内容
📚 文档参考
- 快速参考:本文件 (STATS_SETUP_SUMMARY.md)
- 完整指南:
VISITOR_STATS_GUIDE.md - 配置文件:
_includes/footer/custom.html - 主要说明:
README.md
🔗 相关链接
- Busuanzi 官网: https://busuanzi.ibruce.info/
- Ipapi API: https://ipapi.co/
- Google Analytics: https://analytics.google.com/
- StatCounter: https://statcounter.com/
❓ 常见问题
Q: 为什么没有看到访问统计? A: 页面需要几秒钟加载数据。如果仍未显示,请检查浏览器控制台是否有错误。
Q: 本地测试会计入统计吗? A: 不会。Busuanzi 自动排除 localhost 访问。
Q: 如何修改显示文本? A: 编辑 _includes/footer/custom.html 第 48 和 52 行的文本。
Q: 可以隐藏某个统计吗? A: 可以。详见 VISITOR_STATS_GUIDE.md 中的”隐藏统计信息”部分。
📝 更新日志
- 2025-10-22: 初始安装
- 集成 Busuanzi 访问统计
- 添加可选的地理位置追踪
- 创建完整文档
祝贺!您的个人主页现在具有访问统计功能了! 🎉
如有任何问题,请参考 VISITOR_STATS_GUIDE.md 或检查配置文件中的注释。