沒有服務(wù)器，也能做網(wǎng)站！？

幾種簡單免費(fèi)的上線網(wǎng)站方法

大家好，我是魚皮，最近一些小伙伴問我：怎么能把自己開發(fā)好的網(wǎng)站上線給別人訪問？

一般來說，想讓別人能看到你的網(wǎng)站，你要購買域名、買服務(wù)器、再人工把網(wǎng)頁文件傳上去，還要裝個 Nginx 之類的 web 服務(wù)器軟件、修改軟件配置等等，整套流程還是比較復(fù)雜的。

但大多數(shù)時候，我們可能只是想做個小網(wǎng)站練練手，或者臨時發(fā)給朋友看看，真的有必要搞這么麻煩么？

當(dāng)然不用！這都 2022 年了，已經(jīng)出現(xiàn)了越來越多上線網(wǎng)站的方法，下面魚皮就簡單給大家介紹 4 種，詳細(xì)的手把手教程可以觀看我錄制的視頻~

視頻地址：https://www.bilibili.com/video/BV1UZ4y197i1/ （點(diǎn)擊文末閱讀原文可直接跳轉(zhuǎn)）

無服務(wù)器上線網(wǎng)站方法

上線網(wǎng)站的前提是你得先有網(wǎng)頁文件，這個就不多說了，你可以自己寫、用網(wǎng)頁生成器拖拽開發(fā)、當(dāng)然也可以上網(wǎng)借鑒（比如 GitHub 搜索代碼）。

1. 云編程環(huán)境

隨著前端技術(shù)的發(fā)展，現(xiàn)在云端編程環(huán)境（云 IDE）已經(jīng)越來越流行，比如 CodePen、JSFiddle、GitPod 等平臺，可以支持你在線編寫代碼、實(shí)時查看運(yùn)行效果，還可以保存代碼、將寫好的網(wǎng)站直接分享給別人瀏覽。

對于前端開發(fā)來說，這種直接在線上寫代碼的平臺真的太方便了，直接省略了部署過程，所見即所得！

2. 網(wǎng)站托管服務(wù)

如今，很多云服務(wù)商都提供了網(wǎng)站托管服務(wù)。

這種方法的原理是：別人有能掛網(wǎng)站的服務(wù)器和上線工具，我們把網(wǎng)站文件交給他們管著就行了。

像國外的 Vercel、GitHub Pages，國內(nèi)的 Webify、Gitee Pages、靜態(tài)網(wǎng)站托管等，都是大同小異。

不過就現(xiàn)在這個情況，我不建議大家用國外的托管服務(wù)，時不時就抽抽兩下導(dǎo)致網(wǎng)站無法訪問了。國內(nèi)的托管服務(wù)雖然做的 “就那樣” 吧，但起碼網(wǎng)站的訪問速度還是有保障的。

3. 對象存儲

我們可以把對象存儲想象為網(wǎng)盤，可以將圖片、音視頻等文件放上去存儲，也可以預(yù)覽和下載已上傳的文件。

因?yàn)榫W(wǎng)站本質(zhì)上也是文件，所以只需要把網(wǎng)站文件和相關(guān)資源都打包上傳到對象存儲上，就能通過它為我們提供的網(wǎng)址來訪問啦！

國內(nèi)不錯的對象存儲服務(wù)有七牛云、騰訊云存儲等，七牛云 SDK 豐富、且提供了一些免費(fèi)存儲空間，比較適合新入坑對象存儲的開發(fā)者。

4. 內(nèi)網(wǎng)穿透

以上幾種方式，并不是真的不需要用到服務(wù)器，只不過是把網(wǎng)站文件放到了別人的服務(wù)器上而已。

但最后這種方式比較特別，通過 內(nèi)網(wǎng)穿透 技術(shù)打通網(wǎng)絡(luò)，直接讓別人訪問自己電腦上的網(wǎng)頁！