跳到主要内容

Docusaurus 添加 Vercel Analytics 功能

小林
后端开发工程师, 专注Go开发、微服务和云原生

突然发现 Vercel 支持 Analytics 功能, 本着不用白不用的原则, 给自己的网站添加分析统计功能

witch-learning.png

介绍

Vercel

Vercel 是一个部署 Web 应用的平台, 可以提供普通用户免费部署服务, 支持多种 Web 框架, 开箱即用, 而且提供 CDN 加速, 还可以添加自己的域名, 算是非常良心了, 博主的博客就是部署在上面

Docusarus

可以快速构建静态站点的框架, 本着少折腾的原则博主选择静态部署. 动态站点可能服务器一年到期就下线, 而静态站点十年都可能存在

Analytics

Analytics 就是分析统计功能, 方便查看站点访问量、流量来源、用户设备等信息. Vercel Analytics 免费计划可以查看最近 30 提天的数据

img

Docusaurus 添加 Vercel Analytics 功能

Docusaurus 官方有提高插件接入 Vercel Analytics, 只需安装插件并配置即可

安装插件

yarn add @docusaurus/plugin-vercel-analytics

添加配置

docusaurus.config.js
export default {
plugins: [
[
'vercel-analytics',
{
debug: true,
mode: 'auto',
},
],
],
};

提交代码到 GitHub, Vercel 就能自动构建

然后试着访问一下站点, 发现成功被统计到

img

没啥访问量, 都是我自己, 有点尴尬哈哈😄, 挠头

参考