Jekyll博客集成不蒜子统计访问量的极简方案

一分钟在github+Jekyll博客中添加访问量功能

前言

或许仍有读者不清楚，利用GitHub配合Jekyll即可搭建个人博客。若觉得CSDN博客缺乏个性化或隐私性不足，无法充分表达个人情感，搭建GitHub博客是一个优质选择。整个过程仅需一小时左右，具体步骤可参考相关技术文章。

参考教程：一小时搭建github博客：https://www.jb51.net/article/138946.htm

个人博客示例链接: https://dongguanting.github.io/.

若认可该搭建效果，欢迎Fork我的博客仓库作为框架参考。本文重点在于在GitHub+Jekyll架构下，集成浏览量统计功能，这是对基础博客配置的进一步优化。通过展示浏览数据，作者能更直观地感知读者互动，增强创作成就感。

一、Jekyll技术简介

1. Jekyll工具概述

Jekyll是一款免费且轻量级的博客生成工具，功能定位类似于WordPress。但其核心差异在于：Jekyll仅负责生成静态网页，无需数据库支持。尽管不支持动态交互，但可配合第三方服务（如Discuz等）扩展功能。其最大优势在于可免费部署于GitHub平台，并支持绑定自定义域名。

Jekyll的快速安装指令：

gem install jekyll
jekyll new my-awesome-site
cd my-awesome-site
jekyll serve
# => Now browse to http://localhost:4000

Jekyll提供丰富的主题与插件生态，通常只需在文件_config.yml中配置即可启用。然而，针对访问量统计的插件资源较少。另有方案建议通过leancloud的API实现统计，但该方式注册流程繁琐且常出现登录故障。因此，本文推荐一种更简便的替代方案：使用“不蒜子”服务为Jekyll博客添加访问量统计。

二、不蒜子（Busuanzi）集成指南

1. 不蒜子服务简介：

“不蒜子”是一款极简的网页计数器，旨在便捷统计博客的总访问量与访问次数。与百度统计、谷歌分析等工具不同，“不蒜子”支持将访问次数直接嵌入网页显示（也可选择隐藏）。对于已运营一段时间的网站，该服务允许初始化历史数据，确保统计连续性。

2. 官方入口

官方网站链接: http://busuanzi.ibruce.info/.

3. 具体使用方法

首先，访问index.html，在文档的合适位置插入以下代码片段：

<span id="busuanzi_container_site_pv"> 
	本站总访问量<span id="busuanzi_value_site_pv"></span>次
</span>

仅需两行代码即可完成计数功能配置。 我将代码直接置于index.html文件的末尾，实现效果如下：

此时，博客页面显示访问量为2，操作过程十分简单。 根据实际需求，也可将该代码嵌入post.html文件的相应位置，从而实现分页统计浏览量。

4. 个性化定制

用户可追求更美观或完整的显示效果：

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

或者进行个性化定制（本文示例采用下方样式）：

Total <span id="busuanzi_value_site_pv"></span> views.
您是xxx的第<span id="busuanzi_value_site_uv"></span>个小伙伴
<span id="busuanzi_value_page_pv"></span> Hits

最终显示效果如下：

总结

配置效果显著。若本文对您有所帮助，请点赞并收藏。 欢迎访问我的个人博客：https://dongguanting.github.io/.

本文介绍了在JS环境下，一分钟于github+Jekyll博客中集成访问量功能的实现方法。更多GitHub+Jekyll添加访问量相关内容，请搜索本站历史文章或继续阅读后续教程，感谢支持。