Hexo 添加百度统计

本文介绍了如何在使用Hexo和geekman主题的博客中添加百度统计,包括注册百度统计账号,修改配置文件_config.yml,将代码插入after_footer.ejs,检查代码安装以及重新部署博客的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

最近学习使用Hexo搭建了一个博客,theme 使用的是geekman(在jakman基础修改的一个版本)。
为了了解博客的访客情况,故添加了百度统计。

环境

window7 32bit,
hexo 3,
geekman

使用本方法,请核对环境是否和我的一致。本方法只在geekman主题测试。

添加百度统计

注册并登陆百度统计
修改你的geekman下的_config.yml
baidu_tongji:
  enable: true
  sitecode:  69edb2848756110a4dbea314xxxx ## e.g.  your baidu tongji site code
复制代码到after_footer.ejs 文件

打开F:\xxx\theme

### 百度统计 Butterfly 配置教程 为了实现百度统计与Butterfly主题的有效集成,需按照特定流程操作。通常情况下,在Hexo博客系统中应用Butterfly主题时,默认设置可能不完全满足所有需求,因此适当调整和安装额外组件是必要的。 #### 修改 `_config.yml` 文件以支持百度统计功能 在 Hexo 博客根目录下的 `_config.yml` 中添加如下配置项来启用百度统计服务[^2]: ```yaml baidu_tongji: 'your_baidu_tongji_id' ``` 这里的 `your_baidu_tongji_id` 应替换为实际从百度统计平台获取到的站点ID字符串。 #### 安装所需渲染器插件 为了让Hexo能够正确解析并处理Pug模板文件及Stylus样式表,建议通过命令行工具安装对应的渲染引擎: ```bash cnpm install hexo-renderer-pug hexo-renderer-stylus --save ``` 此步骤确保了即使使用较为复杂的前端技术栈也依然可以顺利部署带有自定义样式的页面[^3]。 #### 添加百度统计脚本至主题布局 编辑主题内的HTML结构文件(通常是位于 `/themes/butterfly/layout/_partial/after_footer.ejs` 或者相似路径),加入以下JavaScript代码片段用于引入百度统计追踪代码: ```html <!-- Baidu Analytics --> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?YOUR_BAIDU_TONGJI_ID"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> ``` 注意将上述代码中的 `YOUR_BAIDU_TONGJI_ID` 替换成之前提到的真实值。 完成以上更改之后重新生成网站内容,并上传更新后的静态资源即可生效新的配置选项。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值