↓ Skip to main content
Linux blog

Hugo 博客中配置 Firebase 的方法

·91 words·1 min· ·
Linux Linux

简介
#

Blowfish 添加了对 Firebase 的支持以在网站上使用动态数据.

配置方法
#

在  Firebase 官网免费注册一个账号 选择「添加项目」，输入项目名

Image
Image
开启「为此项目启用 Google Analytics」
Image
选择默认账号即可
Image
进入项目主页后选择 </>
Image
输入你的应用名
Image
选择「使用 <script> 标记」， 并记录下 config 数据，如黄框所示
Image
在 config/_default/params.toml 文件中将上一步中的配置变量覆盖原配置

# 实例，请替换为自己的数据
[firebase]
  apiKey: "AIzaSyB5tqlqDky77Vb4Tc4apiHV4hRZI18KGiY",
  authDomain: "blowfish-21fff.firebaseapp.com",
  projectId: "blowfish-21fff",
  storageBucket: "blowfish-21fff.appspot.com",
  messagingSenderId: "60108104191",
  appId: "1:60108104191:web:039842ebe1370698b487ca",
  measurementId: "G-PEDMYR1V0K"

配置 Authentication 在「项目首页」或「侧边栏」中选择 Authentication

Image
选择 开始
Image
选择 「匿名」
Image
启用匿名，并保存
Image
点击侧边栏， 选择「Firestore Database」，并点击创建数据库
Image
选择距离你为止较近的「位置」
Image
选择「以生产模式开始」，并点击创建
Image
完成后，修改规则， 将以下内容粘贴进输入框中

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write: if request.auth != null;
    }
  }
}

如果你之前已经将 showViews 和 showLikes 设置为 true 的话, 现在阅读量和点赞量应该可以正常显示了.