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