51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

如何将你的Hexo博客部署到Google Firebase上

博主最近在 白嫖万恶的资本 将博客部署到新的CDN上,所以在寻找免费的静态Web应用部署工具,发现了Google Firebase。

Google Firebase {#google-firebase}

以下内容摘取自 Wikipedia
Firebase是Firebase,Inc.在2011年发布的行动和网络应用程序开发者平台,在2014年被Google收购。
截至2020年3月,Firebase平台拥有19项产品,它们被超过150万个应用程序采用。

这 万恶资本 Google的坑,怎么能不白嫖呢😏

Tip: 以下内容在中国大陆需要掌握浏览世界的方法(嘘🤫------

新建项目 {#新建项目}

打开 Firebase官网 ,登陆账号并转到控制台。

选择"添加项目",输入您的项目名称,如果你喜欢,可以编辑您项目的唯一标识符(位于名称框的左下角)

点击下一步,到询问是否启用分析页面,这里根据你个人的喜好来吧~

选择完后,项目开始创建(如果您启用了分析,可能还要选择账户)。

然后会进入到选择计划的页面(由于博主先前已经创建过了,并没有弹出),按照你的喜好来 (不会有人给Google交钱吧) ,选择完后整个项目就OK了。

安装Hexo插件 {#安装hexo插件}

因为Hexo在之前并没有将博客发布到Firebase的插件,博主就自己做了一个 hexo-deployer-firebase ,但在使用前,还需要你安装Firebase CLI。

安装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 2 3 | deploy: - type: firebase id: #你Firebase项目的标识符 |

例如博主的是这个样子:

现在,你可以愉快的将博客发布到Google Firebase上啦~

参考 {#参考}

  1. Firebase - 维基百科
  2. hexo-deployer-firebase

能完成这个项目,需要感谢:

  1. hexo-deployer-git
  2. Hexo API
赞(0)
未经允许不得转载:工具盒子 » 如何将你的Hexo博客部署到Google Firebase上