1分鐘發(fā)布一個網(wǎng)站，不用域名、服務(wù)器，網(wǎng)站發(fā)布從未如此簡單

時間：2023-07-24 20:33:02 | 來源：網(wǎng)站運(yùn)營

時間：2023-07-24 20:33:02 來源：網(wǎng)站運(yùn)營

1分鐘發(fā)布一個網(wǎng)站，不用域名、服務(wù)器，網(wǎng)站發(fā)布從未如此簡單：這篇文章我們主要來介紹如何在沒有服務(wù)器，沒有域名，沒有證書的情況下 快速發(fā)布你的網(wǎng)站，分為 視頻版 和 文字版。

視頻版

文字版

哈嘍，大家好，我是 DHL，你有沒有遇到過這么一個情況，希望通過域名就可以在手機(jī)，電腦，ipad 訪問自己開發(fā)的網(wǎng)站，想去百度有不知道搜索什么關(guān)鍵詞。

知道怎么搜索，但是百度完了之后，看到需要學(xué)習(xí)這么多技術(shù)，就放棄了。

網(wǎng)站花了很長時間終于部署好了，但是別人訪問你的網(wǎng)站的時候總是提示這是一個不安全的網(wǎng)站，最后才知道還需要配置 Https 證書，設(shè)置端口等等。







這一期的視頻，將會幫助你快速解決這些問題，讓不懂技術(shù)的小伙伴，沒有服務(wù)器，沒有域名，沒有任何資源的情況下，也能夠在幾秒鐘之內(nèi)快速完成一個網(wǎng)站的部署，視頻很短，請耐心看完，相信對你以后的工作和學(xué)習(xí)會有很大的幫助。

部署網(wǎng)站都需要做那些事情

首先我們先來看一下完成一個網(wǎng)站的部署都需要做那些事情：







整個流程不僅麻煩、而且購買域名、服務(wù)器價格也是非常昂貴，但是有沒有更加簡單、高效的方式，可以快速的完成一個網(wǎng)站的部署。

這就是我們今天重點(diǎn)介紹 Vercel，Vercel 幫我們把大部分工作都實(shí)現(xiàn)了自動化，可以在幾秒鐘之內(nèi)完成一個網(wǎng)站的部署。

Vercel 是一個什么樣的網(wǎng)站

Vercel 它是一個免費(fèi)的網(wǎng)站托管平臺，也是我目前用過最好的網(wǎng)站托管平臺，不僅僅可以部署靜態(tài)網(wǎng)站，而且還可以部署動態(tài)網(wǎng)站，所以我們可以拿 vercel 充當(dāng)你免費(fèi)的服務(wù)器，主要有以下好處。

• 關(guān)聯(lián) github，只需要往 github 提交代碼，它會自動獲取最新的提交，然后自動部署
• 提供了免費(fèi)的域名，省去了申請域名的問題，如果有自己的域名，還可以做個域名解析到這個平臺上
• 提供了免費(fèi)的 Https 證書，如果證書到期了，它會自動替換，完全不需要操心
• 傻瓜式的部署方式，它的操作非常簡單，Vercel 提供了兩種方式：通過命令行部署、通過 Vercel 提供管理后臺部署，這期視頻我們主要介紹通過命令行部署，因?yàn)槊钚械牟渴鸱绞礁雍唵?/li>

通過命令行部署

這些命令不需要記，使用的時候復(fù)制粘貼就行。每個命令是什么意思，我都已經(jīng)備注好了，最后我會放在評論區(qū)分享給大家。







注冊 Vercel 賬號

在使用之前需要注冊 Vercel 賬號，Vercel 提供了多種方式支持 Github 也支持郵箱注冊，所以你可以選擇一個常用的方式。

安裝和登錄 Vercel 客戶端

當(dāng)我們注冊好賬號之后，需要安裝 Vercel 客戶端，Vercel 提供了兩種安裝方式 npm 和 yarn。

npm i -g vercel?或者 yarn global add vercelPS：如果提示 npm 或者 yarn 沒有找到，需要安裝 npm 或者 yarn，安裝教程我會放在評論區(qū)

首先我們打開終端。Mac 用戶通過 command (花鍵) + 空格打開搜索框輸入終端。 Win 用戶可以使用 PowerShell，復(fù)制粘貼對應(yīng)的命令，即可開始下載安裝 Vercel 客戶端。

登陸和發(fā)布你的網(wǎng)頁（具體如何操作，可以查看視頻）

安裝完成之后，輸入 vc login 登陸你注冊的賬戶。







可以選擇多種登陸方式，你用什么方式注冊的，就選擇什么登陸方式即可，這里我們選擇 github 登陸，將會彈出一個網(wǎng)頁，驗(yàn)證登陸成功之后，就可以部署你的網(wǎng)站了。完成一個網(wǎng)站的部署只需要三步：

1. 首先我們需要準(zhǔn)備一個網(wǎng)頁
   網(wǎng)頁可以直接從網(wǎng)上去下載免費(fèi)的網(wǎng)站模板，這里我已經(jīng)提前下載好了一個網(wǎng)頁，接下來我們要將這個網(wǎng)頁部署到 Vercel，實(shí)現(xiàn)在任何設(shè)備上都可以訪問
2. 進(jìn)入你存放網(wǎng)頁的文件夾
   打開終端輸入 cd 將存放網(wǎng)頁的文件夾拖入終端，按回車即可進(jìn)入存放網(wǎng)頁的文件夾
3. 然后輸入 vc 上傳你網(wǎng)頁到 Vercel，在上傳之前, Vercel 提示我們需要做簡單的配置，這里什么都不需要管，一直回車就好了

等待一會，部署完成之后 Vercel 將會生成一個以 vercel. App 結(jié)尾的域名，復(fù)制粘貼在瀏覽器上即可運(yùn)行，到這里我們已經(jīng)完成了網(wǎng)站的部署了。







如果生成的域名不是你想要的，我們也可以進(jìn)入 Vercel 管理后臺更改你的域名。（具體如何操作，可以查看視頻）

通過命令 vc --prod 更新本地網(wǎng)頁

如果更新了已經(jīng)部署成功的網(wǎng)頁，比如修改了圖片、文字等等，在終端下輸入 vc --prod, 提示成功之后，刷新一下網(wǎng)頁，你修改內(nèi)容就會顯示出來了。