hexo+fluid+leancloud添加访问量显示（图文）

最近心血来潮，给博客加了个访问量显示，在这里记录下过程。

配置Leancloud

注册账号我就不讲了，很简单，几分钟可以搞定。

创建应用

点击账户主页上的“创建应用”。
创建应用
随便填写一个应用名称，计价方案选择开发版，描述可加可不加，最后，点击”创建“。
配置应用
应用创建完成后，点击”设置“—->”安全中心”—->在“Web安全域名”下添加你的博客地址，避免请求被拒绝。
添加白名单
点击“应用凭证”，复制appid和appkey（后面要用到）
复制凭证

绑定自定义域名

原因请看这里。
点击“域名绑定”—>“绑定新域名”。
绑定域名
在弹出的窗口中，输入你想绑定的域名，然后点击绑定按钮。
输入域名
完成后，请复制CNAME解析配置，到DNS提供商配置对应的CNAME记录。
配置域名

配置主题

在博客的主题配置文件中，找到web_analytics，修改enable、app_id和app_key：

1
2
3
4
5
6
7
8
9
10
11
12
13
web_analytics:
  enable: false # 改为true
  baidu:
  google:
  tencent:
    sid:
    cid:
  woyaola:
  cnzz:
  leancloud:
    app_id: # 填appid
    app_key: # 填appkey
    server_url:  # 填刚才绑定的域名 https://example.example.com

再找到footer，修改enable和source：

1
2
3
4
5
6
7
footer:
  statistics:
    enable: true # 改为true
    source: "leancloud"  # 改为leancloud
    # 如果没有pv_format和uv_format，请手动添加
    pv_format: "总访问量 {} 次"  # 这里{}代表访问量，下面{}代表访客数
    uv_format: "总访客数 {} 人"

大功告成

在博客目录运行以下命令，重新部署博客：

1
2
hexo g
hexo d

Enjoy it!(๑•̀ㅂ•́)و✧
效果图

hexo+fluid+leancloud添加访问量显示（图文）
http://www.uuu.me.uk/2024/08/15/counter-configuration/
作者
zxr
发布于
2024年8月15日
许可协议