给 Hexo 博客加上访问统计与数据分析功能指南

很多人搭建好 Hexo 博客后，会发现一个问题：后台并不能看到有多少人访问、哪些文章最受欢迎、访客从哪里来。
本文就来教你几种常用的访问统计和分析方案，让你轻松给 Hexo 博客加上“后台数据大脑”。

1. 使用不蒜子（Busuanzi）实现简单访问量统计

如果你只想快速查看访问量和 PV（页面浏览量），不蒜子 是最轻量级的方案：

✅ 步骤：

在 Hexo 博客的主题配置文件（例如 themes/your-theme/layout/_partial/footer.ejs）中，加入以下代码：

<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

<p>
  本站总访问量 <span id="busuanzi_value_site_pv"></span> 次  
  本站访客数 <span id="busuanzi_value_site_uv"></span> 人  
  本文阅读量 <span id="busuanzi_value_page_pv"></span> 次
</p>

重新部署博客后，你就能在页面底部看到访问统计数据了。

优点：简单、零配置、纯前端，不需要后端或数据库。
缺点：数据不够详细，无法看到访客来源、行为等分析。

2. 使用 Google Analytics 获取详细分析

如果你需要更专业的分析，比如：

每篇文章的访问量和平均停留时间
访客的地理位置、设备和来源渠道
流量趋势图和实时访问数据

那么推荐使用 Google Analytics（GA）。

✅ 步骤：

注册 Google Analytics 并创建一个新的网站属性。
获取 GA 跟踪代码（形如 G-XXXXXXXXXX）。
在 Hexo 的主题模板（如 themes/your-theme/layout/_partial/head.ejs）中添加：

<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>

部署完成后，你可以在 GA 后台实时看到博客的访问情况。

优点：功能强大，数据分析全面。
缺点：配置稍复杂，国内访问可能有延迟。

3. 使用 Matomo（自建分析系统）

如果你担心数据隐私问题，或者不想依赖谷歌，也可以使用开源的分析平台 Matomo（原 Piwik）。

✅ 步骤：

自建一台服务器并部署 Matomo（支持 Docker）。
在 Matomo 中添加你的博客域名，生成追踪代码。
把这段代码加入 Hexo 的 head 模板里。
登录 Matomo 后台，就能看到详细的数据分析面板。

优点：完全掌控数据，支持自定义分析。
缺点：需要自己搭建和维护服务。

总结对比

方案	功能丰富度	部署难度	是否免费	是否需要服务器
不蒜子	⭐	⭐	✅ 免费	❌ 不需要
Google Analytics	⭐⭐⭐⭐	⭐⭐	✅ 免费	❌ 不需要
Matomo	⭐⭐⭐⭐	⭐⭐⭐	✅ 免费	✅ 需要

建议

如果你只是想快速加个访问量显示，用 不蒜子 就够了。
如果你想要深度流量分析和趋势报告，用 Google Analytics。
如果你重视隐私和数据控制，考虑自建 Matomo。

✅ 加上访问统计后，你就能知道哪些内容更受欢迎、哪些关键词带来了流量，从而不断优化你的博客运营策略！