免费自建一个酷炫的博客

前言

先看下我们搭建的博客的最终效果: http://firebase.tech/
本篇所介绍的搭建博客是基于firebase项目的,所以你需要对firebase有那么一丁点了解,知道如何创建一个firebase项目就行。如果不了解,可以参考一下《Firebase快速集成》。为了搭建我们的网站,你还需要在你的系统上搭建一个node.js的环境,搭建方法也非常简单,你可以参考下这篇《node.js安装教程》。以下我们就基于《快速集成》中创建的fire-weather项目来搭建一个网站吧。

依赖安装

首先需要安装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:
https://www.firebase.com/login/confirm.html?ticket=daeee36e-0250-4a0d-8319-95f31
3c42d72

Waiting for authentication...

+  Success! Logged in as xxx@gmail.com

环境准备

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

项目选择

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

目录选择

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

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

网站部署

这里我们就不自己写一个博客网站了,我们从
http://getmdl.io/templates/index.html 上下载一个模板。

下载模板

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

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

部署成功

你可以通过执行firebase open或者打开浏览器输入
https://fire-weather.firebaseapp.com/ 就能访问我们刚刚上传的网站了。

网站

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

设置自己的域名

域名可以去 https://godaddy.com 上买一个自己喜欢的,性价比还不错,关键你还无需备案就可以直接访问。买完域名后,进入域名设置,然后设置301跳转

域名设置

设置成功后,你就可以通过自己的域名来访问网站啦。这里我买了一个 http://firebase.tech/ 的域名,点击后就可以看到我们刚刚搭建的博客啦。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,378评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,356评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,702评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,259评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,263评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,036评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,349评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,979评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,469评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,938评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,059评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,703评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,257评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,262评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,485评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,501评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,792评论 2 345

推荐阅读更多精彩内容