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

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

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

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

2.然后你要有一個Baas

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

3.Firebase新建項目

新建一個項目


給項目起個名字

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

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

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

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

打開terminal

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

1.有-如果已經(jīng)安裝過npm環(huán)境的請直接跳到安裝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初始化

然后畫面會變成這個樣子的。


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


回去打開你的文件夾你會驚喜的看到多了一個public和firebase.json的文件,沒錯,這就是成功了!



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

firebase deploy


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

把原來的index.html刪掉

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


給我們的EGUO打個廣告,歡迎來eguo.world聊騷

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

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

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

firebase deploy --only hosting

整個重新傳

firebase deploy

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

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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