跳到主要内容

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

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

参考​

最后于 更新