Hexo 开启统计功能

本文最后更新于:2022年9月29日 下午

Hexo 博客统计服务, 基于 Redis 实现。使用 hyperloglog 统计 UV。

开源地址:https://github.com/stulzq/hexo-statistics

Demo: https://zhiqiang.li/

文章 PV:

站点 PV 和 UV:

步骤

  • 1.安装并以单节点模式运行 Redis
  • 2.运行 hexo-statistics
  • 3.配置你的 hexo 博客模板

1.安装 Redis

Ubuntu: apt-get install redis-server

Docker

1
2
3
4
5
6
7
mkdir -p /data/redis

docker run -p 6379:6379 \
-v /data/redis/conf/redis.conf:/etc/redis/redis.conf \
-v /data/redis/data:/data \
--name hexo-stat-redis \
-d redis:5.0 redis-server /etc/redis/redis.conf

其他下系统请自行探索

2.运行 Hexo Statistics

二进制运行

1
2
3
4
5
6
7
8
9
10
11
12
13
14

export hexo_version=v0.1.0

wget https://github.com/stulzq/hexo-statistics/releases/download/$hexo_version/hexo-statistics-$hexo_version-linux-amd64.tar.gz

tar -xzvf hexo-statistics-$hexo_version-linux-amd64.tar.gz

cd hexo-statistics-$hexo_version-linux-amd64

# 修改配置 conf/config.yml

chmod +x hexo-statistics
./hexo-statistics

Docker

1
2
3
4
5
6
7
8
9
10
11
mkdir -p /data/hexo-stat/conf

curl https://raw.githubusercontent.com/stulzq/hexo-statistics/main/conf/config.yml -o /data/hexo-stat/config.yml

# 修改配置 /data/hexo-stat/config.yml

docker run --name hexo-stat \
-v /data/hexo-stat/conf:/app/conf \
-v /data/hexo-stat/logs:/app/logs \
-d stulzq/hexo-statistics:v0.1.0

3.配置模板

保存文件到 博客根目录/source/js/hexo-stat.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
"use strict";

// 配置你的 hexo statistics 服务域名
var serverDomain = "https://<your_hexo_statistics_domain>"

function getData() {
$.ajax({
url: serverDomain + "/stat/get",
type: "GET",
dataType: "json",
success: function (resp) {
processResult(resp)
},
});
}

function processResult(data) {
// set result
// site pv -> data.sitePv
// site uv -> data.siteUv
// page pv -> data.pagePv

// 编写 js 更新数据到你的博客界面
// 实例:
$(".statistics").append(`<span id="hexo_statistics_container_site_pv" style="display: inline;">Total PV <span id="hexo_statistics_value_site_pv">${data.sitePv}</span></span>`);
$(".statistics").append(`<span id="hexo_statistics_container_site_uv" style="display: inline;">Total UV <span id="hexo_statistics_value_site_uv">${data.siteUv}</span></span>`);
$("div .mt-1").append(
`<span id="hexo_statistics_container_page_pv" style="display: inline;"><i class="iconfont icon-eye" aria-hidden="true"></i><span id="hexo_statistics_value_page_pv">PagePv: ${data.pagePv+1}</span></span>`
);
}

getData();

注入 js 文件

保存文件到 博客根目录/scripts/inject.js

1
2
3
4
hexo.extend.injector.register('body_end', '<script src="/js/hexo-stat.js"></script>', 'default');

// 配置你的 hexo statistics 服务域名
hexo.extend.injector.register('body_end', '<script src="https://<hexo_statistics_domain>/stat/counter"></script>', 'default');

4.配置文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
log:
level: Debug

# allowed to use hexo statistics domain
statistics:
site:
- zhiqiang.li
- localhost:5000

# cors domains
cors:
origins:
- https://zhiqiang.li
- http://localhost:4000
methods:
- GET
- POST

# redis config
redis:
address: 127.0.0.1:6379
password:
timeout: 3000 # timeout in milliseconds

需要自行设置 statistics.site 只有这里面的域名才允许使用统计。

通过 cors.origins 配置允许跨域访问的博客地址


Hexo 开启统计功能
https://zhiqiang.li/posts/20468.html
作者
李志强
发布于
2022年7月5日
许可协议