[0失敗]手把手教你用Firebase發(fā)布個(gè)人網(wǎng)站

朋友們大家好稳诚,準(zhǔn)備好了個(gè)人網(wǎng)站準(zhǔn)備發(fā)布的時(shí)候是不是都是一籌莫展哗脖,萬臉懵逼?服務(wù)器都是小200一年扳还,還要準(zhǔn)備FTP才避?手殘的小白星人又在@Victor OA大哥的帶領(lǐng)下學(xué)會(huì)了史上最簡單發(fā)布網(wǎng)站的方法,重點(diǎn)是不要錢普办!

1.首先你要有一個(gè)寫好的網(wǎng)站

沒有網(wǎng)站的旁友們不要慌!回顧一下我之前的文章-[0失敼ぴ]手把手教你用Bootstrap做個(gè)人網(wǎng)站 - 簡書

2.然后你要有一個(gè)Baas

Baas就是一個(gè)把后端作為服務(wù)的云平臺(tái)。
推薦使用Firebase(谷歌的產(chǎn)品)衔蹲,國內(nèi)的旁友翻個(gè)墻吧肢娘。
Firebase 控制臺(tái)注冊(cè)之后就跟我們一起手把手來發(fā)布個(gè)人網(wǎng)站吧!

3.Firebase新建項(xiàng)目

新建一個(gè)項(xiàng)目


給項(xiàng)目起個(gè)名字

我們要添加一段代碼到你寫好的網(wǎng)站里面

打開你的網(wǎng)站主頁

4.打開terminal,我們要安裝一下firebase的服務(wù)器

不知道如何打開terminal的朋友看這里

打開terminal

朋友們舆驶,我先問一句橱健,你安裝過npm嗎?

1.有-如果已經(jīng)安裝過npm環(huán)境的請(qǐng)直接跳到安裝firebase的部分沙廉。
2.沒有-沒有的朋友們看這里拘荡,史上最簡單三步安裝npm的教程!

STEP1:在terminal輸入下面的代碼

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

STEP2:檢查一下有沒有更新

brew update

STEP3:安裝npm

brew install node

恭喜你朋友撬陵,npm安裝成功珊皿!

下面開始安裝firebase的部分

npm install -g firebase-tools

安裝Firebase
打開你網(wǎng)站的文件夾目錄

cd +你的文件的路徑

然后初始化一下Firebase

firebase init

Firebase初始化

然后畫面會(huì)變成這個(gè)樣子的。


之后可能會(huì)再詢問幾個(gè)問題巨税,基本上就是回復(fù)y和回車來搞定蟋定。


回去打開你的文件夾你會(huì)驚喜的看到多了一個(gè)public和firebase.json的文件,沒錯(cuò)草添,這就是成功了驶兜!



里面默認(rèn)的index.html可以刪掉的。
接下來繼續(xù)回到我們的terminal啦。輸入

firebase deploy


成功以后可以看到類似的頁面抄淑。
畫面下面那里就是你的網(wǎng)址啦屠凶,我們來打開看一下成功沒有。
如果你看到這個(gè)頁面肆资。

把原來的index.html刪掉

如果你看到自己的頁面矗愧,比如我的頁面是這樣的。


給我們的EGUO打個(gè)廣告迅耘,歡迎來eguo.world聊騷

那恭喜你贱枣,你的服務(wù)器發(fā)布成功了!颤专!

5.最后講一下怎么更新網(wǎng)站內(nèi)容

每次改完網(wǎng)頁就重新上傳一下到Firebase哦,只更新修改過的部分

firebase deploy --only hosting

整個(gè)重新傳

firebase deploy

既然技術(shù)進(jìn)步了钠乏,為什么很多東西還這么復(fù)雜栖秕,既然是IT時(shí)代,當(dāng)然人人都可以建站啦晓避!

歡迎大家有遇到問題可以在下面留言問一下筆者哦簇捍!我們的目標(biāo)是,人人都有自己的網(wǎng)站俏拱!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末暑塑,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子锅必,更是在濱河造成了極大的恐慌事格,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,817評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件搞隐,死亡現(xiàn)場離奇詭異驹愚,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)劣纲,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門逢捺,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人癞季,你說我怎么就攤上這事劫瞳。” “怎么了绷柒?”我有些...
    開封第一講書人閱讀 157,354評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵志于,是天一觀的道長。 經(jīng)常有香客問我辉巡,道長恨憎,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,498評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮憔恳,結(jié)果婚禮上瓤荔,老公的妹妹穿的比我還像新娘。我一直安慰自己钥组,他們只是感情好输硝,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,600評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著程梦,像睡著了一般点把。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上屿附,一...
    開封第一講書人閱讀 49,829評(píng)論 1 290
  • 那天郎逃,我揣著相機(jī)與錄音,去河邊找鬼挺份。 笑死褒翰,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的匀泊。 我是一名探鬼主播优训,決...
    沈念sama閱讀 38,979評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼各聘!你這毒婦竟也來了揣非?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,722評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤躲因,失蹤者是張志新(化名)和其女友劉穎早敬,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體毛仪,經(jīng)...
    沈念sama閱讀 44,189評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡搁嗓,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,519評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了箱靴。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片腺逛。...
    茶點(diǎn)故事閱讀 38,654評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖衡怀,靈堂內(nèi)的尸體忽然破棺而出棍矛,到底是詐尸還是另有隱情,我是刑警寧澤抛杨,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布够委,位于F島的核電站,受9級(jí)特大地震影響怖现,放射性物質(zhì)發(fā)生泄漏茁帽。R本人自食惡果不足惜玉罐,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,940評(píng)論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望潘拨。 院中可真熱鬧吊输,春花似錦、人聲如沸铁追。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,762評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽琅束。三九已至扭屁,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間涩禀,已是汗流浹背料滥。 一陣腳步聲響...
    開封第一講書人閱讀 31,993評(píng)論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留埋泵,地道東北人幔欧。 一個(gè)月前我還...
    沈念sama閱讀 46,382評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像丽声,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子觉义,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,543評(píng)論 2 349

推薦閱讀更多精彩內(nèi)容