0%

Add Visitors Counter into Hexo Next

Firebase是 Google專為行動應用開發者所提供的後端平台服務 (BaaS), 可以快速搭建後端以及資料儲存服務, 並提供強大的分析工具

Hexo Next在Blog中也提供 Firebase支援, 紀錄文章瀏覽次數等統計數據

  • 首先 先到 Firebase首頁, 登入google 帳號, 然後按下 GET STARTED

  • 接著新增專案

  • 填入專案名稱, 這邊以hexo-net-visitors-counter為例

  • 按下建立專案後, 等待firebase建立

  • 看到專案就緒後, 按下繼續, 進入Firebase專案頁

  • 選擇 Database, 按下建立資料庫

  • 選擇以鎖定模式啟動, 等待安全設定完成

  • 接下來在左上角選擇專案設定

  • 將專案ID跟API key複製下來

  • 接著開啟 Next的_config.yml, 填入以下設定參數

    articles是給 firebase用的集合id, 這邊若做修改, firebase設定也要跟著改
  • 我們回到firebase網頁, 按下Database, 選擇規則

  • 在右方出現的規則script, 加入權限判斷

  • 發佈後等待幾分鐘讓他生效, 接著回到文章, 點選看看, 次數應該會增加

  • 回頭來看 firebase的資料集合, 應該會呈現下圖所示, 文章標題與count數都紀錄進來了