将 hexo 博客部署到 firebase

发表于 分类于 ，

本文基于 windows 10 编写

建立了博客之后，想把它发布出去，不过手里没钱啊。这时候想到了 firebase，firebase 每个月有一定量的免费额度，所以先部署到 firebase 上玩玩。

这里我参考了 vue-cli 的文档，https://cli.vuejs.org/zh/guide/deployment.html#firebase。

安装 firebase-tools

首先需要在 firebase 中创建一个项目，可以登录这个地址 https://console.firebase.google.com/，如果你没有谷歌账号，需要注册一个谷歌账号，注册成功之后，创建一个 firebase 项目就可以了。

之后我们安装 firebase-tools，使用如下命令：

1
npm i -g firebase-tools

安装好之后，我们需要登录，登录这块我碰到了一些问题，我们在国内的网络，访问不上谷歌，所以需要设置一下代理地址：

1
2
3
4
# 设置代理
SET HTTP_PROXY = http://127.0.0.1:10809
# 登录
firebase login --no-localhost

输入命令之后，会弹出浏览器授权窗口，授权成功之后，会显示一个authorization code，把这个 authorization code 复制粘贴到命令行，回车之后，就登录上了。

初始化项目

使用如下命令初始化项目：

1
firebase init

firebase 将会询问有关初始化项目的一些问题。

选择需要 Firebase CLI 的功能。 一定要选择 hosting。

部署项目

初始化完成之后，使用如下命令发布到 firebase。

1
firebase deploy --only hosting

发布成功之后，命令行里会提示你的项目页面地址，打开浏览器就能看到了！

参考资料：
将 Firebase 添加到您的 JavaScript 项目
firebase-tools 仓库
vue-cli 文档