如何将你的Hexo博客部署到Google Firebase上
博主最近在 白嫖万恶的资本 将博客部署到新的CDN上,所以在寻找免费的静态Web应用部署工具,发现了Google Firebase。
Google Firebase
以下内容摘取自Wikipedia。
Firebase是Firebase,Inc.在2011年发布的行动和网络应用程序开发者平台,在2014年被Google收购。
截至2020年3月,Firebase平台拥有19项产品,它们被超过150万个应用程序采用。
这 万恶资本 Google的坑,怎么能不白嫖呢😏
Tip: 以下内容在中国大陆需要掌握浏览世界的方法(嘘🤫——
新建项目
打开Firebase官网,登陆账号并转到控制台。
选择“添加项目”,输入您的项目名称,如果你喜欢,可以编辑您项目的唯一标识符(位于名称框的左下角)
点击下一步,到询问是否启用分析页面,这里根据你个人的喜好来吧~
选择完后,项目开始创建(如果您启用了分析,可能还要选择账户)。
然后会进入到选择计划的页面(由于博主先前已经创建过了,并没有弹出),按照你的喜好来 (不会有人给Google交钱吧),选择完后整个项目就OK了。
安装Hexo插件
因为Hexo在之前并没有将博客发布到Firebase的插件,博主就自己做了一个hexo-deployer-firebase,但在使用前,还需要你安装Firebase CLI。
安装Firebase CLI命令行工具
Firebase CLI在官网上提供了两种安装方式,分别是安装包安装和npm
安装。
我们既然都用Hexo了,那么肯定装好了npm了吧(
1 | npm i -g firebase-tools |
按照你想用的方式安装好,在命令行中运行
1 | firebase login |
如果你无权访问localhost
(个人电脑应该都可以吧),可以使用
1 | firebase login --no-localhost |
登陆您项目所对应的Google账号,登陆完后,这一步就OK了。
安装插件
将命令行切换到您的博客根目录下,运行
1 | npm i hexo-deployer-firebase --save |
安装插件。等待进度条跑完,即安装成功。
配置
打开Hexo的_config.yml
文件,在您的deploy
处进行配置:
1 | deploy: |
例如博主的是这个样子:
现在,你可以愉快的将博客发布到Google Firebase上啦~
参考
能完成这个项目,需要感谢: