您的当前位置:首页正文

免费自建一个酷炫的博客

来源:华拓网

前言

依赖安装

首先需要安装firebase-tools,打开命令行工具执行npm install -g firebase-tools,如果在linux环境下,你可能需要加sudo,如果执行失败,请检查node.js是否安装正确。安装完成后,执行 firebase login,用以授权部署网站到你的firebase项目下的权限给当前命令行环境。

授权页面

授权成功后你就能看到如下提示

E:\UbuntuShare\mdl-template-blog>firebase login
Visit this URL on any device to log in:

3c42d72

Waiting for authentication...

+  Success! Logged in as 

环境准备

创建一个空目录,在此目录下打开命令行工具,执行firebase init,执行后,命令会询问你两个问题,第一个是你要选择哪个firebase上的项目作为当前目录下网站的宿主,第二个问题是设定一个用来保存网站静态文件(*.html、 *.css、 *.js等)的目录名称。

项目选择

对第二个问题,我们用默认的“public”名作为目录。

目录选择

执行成功后,你会看到当前目录下生成一个叫public的目录和一个firebase.json,firebase.json里面包含一些环境的基本信息。

{
  "firebase": "fire-weather",
  "public": "public",
  "ignore": [
    "firebase.json",
    "**/.*",
    "**/node_modules/**"
  ]
}

网站部署

下载模板

下载完后把压缩包解压,把里面所有的文件都拷贝出来,放到上一步生成的public目录下。

最后一步,执行firebase deploy,网站就成功上线了。

部署成功 网站

至此网站就部署完毕啦,你可以把它修改成你想要的任何样子哦,当然前提你需要会写一些前端代码。

设置自己的域名

域名设置