基于 Firebase 数据库和 Next.js 框架的 GitHub Profile 的访问量统计图标.

操作指南

第一步: Fork

Fork 以后我的项目.

第二步: 配置 Firebase

注册您集体的 Firebase 账户:

• 点击 开始 并 增加我的项目.
• 创立实时数据库并抉择 测试模式.
• 数据库的构造应如下图所示:

• 请将规定都改成 true:

第三步: 部署在 Vercel

• 用您的 Github 账号登入到 Vercel.
• 抉择方才 fork 的我的项目.
• 找到 设置 , 增加 环境变量 , 名称 输出为 FIRE_BASE_URL 并输出第二步中创立的 Firebase 数据库链接:

• 最初, 您能够抉择最新推上去的 commit 并重新部署, 不出所料的话所有都会顺利.

第四步: 更新 Github Profile

只需在 README.md 中插入下方的代码:

![](https://{您本人的 vercel 域名}/api/counter)

参考我的项目

当初 GitHub 有很多优良的访问量统计的开源我的项目，我筛选其中两个我最喜爱的我的项目供大家学习参考:

• Tool from antonkomarev – 这是我过来几个月最长应用的我的项目，然而最近可能用户增多了，延时很高遂弃.
• Tool from Ryan Lanciaux – 极客 UI, 如果想本人部署在 Glitch 上的话要留神服务器会进入睡眠的问题.

共享

源码在 GitHub, 喜爱的加个星～
欢送任何 issue 和 PR!