11 Oct 2017, 17:54

Hugo with Firebase hosting

tl;dr

  • とりあえず Firebase が使いたかった
  • Hugo で生成したコンテンツを Firebase hosting にデプロイ

前提

  • Firebase のプロジェクトは作成済み
  • Node.js はインストール済み
  • firebase のプロジェクトディレクトリは hugo の site のルートディレクトリ

手順

firebase-tools のインストール

$ npm install -g firebase-tools

Firebase へのログインとプロジェクトディレクトリ初期化

Firebase へログインした後にプロジェクトディレクトリを初期化します。

$ firebase login
$ cd <your-hugo-site>
$ firebase init

初期化すると firebase.json.firebaserc が生成されます。

 firebase.json の編集

初期化直後は firebase.json は空 {} なので hosting の設定を追加します。

# firebase.json
{
  "hosting": {
  "public": "public",
  "ignore":
  [
    "firebase.json",
    "**/.*"
  ]
  }
}

デプロイ

$ hugo -t <your-hugo-theme>
$ firebase deploy