Github 訪問量統計

基於 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!