# VuePress のブログを firebase にホスティングする

Firebase(opens new window) にVuePress のブログを乗せて公開します。

# VuePress をビルド

yarn build

.vuepress フォルダに dist フォルダが作成されて、 その中に公開用のファイル類が作成されます。

# Firebase のプロジェクトを作成

Firebase(opens new window) のサイトにログインします。

コンソールのプロジェクトを追加から、ブログ用のプロジェクトを追加します。

# Firebase Tools の設定

Firebase Tools　をインストールします。

npm install -g firebase-tools

Firebase へログインして、初期設定をします。

firebase login
firebase init
  • 利用する機能を聞かれたら、Hosting をチェックします。
  • Please select an option には、Use an existing Project を選択します。
  • プロジェクトは、追加したブログ用プロジェクトを選択します。
  • What do you want to use as your public directory? には、「blog/.vuepress/dist」 を入力します。
  • あとはデフォルトでいいはずです。

# Firebase で公開

firebase deploy

ホスティングしたURLにアクセスすれば見れるようになります。