朋友們大家好稳诚,準(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)目
4.打開terminal,我們要安裝一下firebase的服務(wù)器
不知道如何打開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
打開你網(wǎng)站的文件夾目錄
cd +你的文件的路徑
然后初始化一下Firebase
firebase init
然后畫面會(huì)變成這個(gè)樣子的。
之后可能會(huì)再詢問幾個(gè)問題巨税,基本上就是回復(fù)y和回車來搞定蟋定。
回去打開你的文件夾你會(huì)驚喜的看到多了一個(gè)public和firebase.json的文件,沒錯(cuò)草添,這就是成功了驶兜!
里面默認(rèn)的index.html可以刪掉的。
接下來繼續(xù)回到我們的terminal啦。輸入
firebase deploy
成功以后可以看到類似的頁面抄淑。
畫面下面那里就是你的網(wǎng)址啦屠凶,我們來打開看一下成功沒有。
如果你看到這個(gè)頁面肆资。
如果你看到自己的頁面矗愧,比如我的頁面是這樣的。
那恭喜你贱枣,你的服務(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)站俏拱!