跳至主要内容

用 Vercel 進行部署

前言​

Vercel是一個雲端平台，提供簡單易用的工具和服務，方便開發者建立和部署現代化的網站和應用程式。它支援多種編程語言和框架，包括React、Vue、Angular、Next.js和Gatsby等。
如果想要進行部署，可以將整包程式丟到 Github，再開啟 Vercel 來連結 Github 中的專案～

把專案資料夾上傳到 Github​

  • 用終端進入到專案資料夾後，輸入以下指令
  • <倉庫地址> 寫你自己的
git init 
git add -A
git commit -m "First commit of my website"
git remote add origin <倉庫地址> 
git push origin main --set-upstream

部署上 Vercel​

  1. 前往 Vercel 官網並註冊一個帳號
  2. 點擊 Vercel 頁面右上角的 "Add New Projects" 按鈕
  3. 接著在 "Import Git Repository" 選擇要部署的專案
  4. 設定完成後，點擊 "Deploy" 即可進行部署
  5. 部署完成後，就可以看到架設的網站了～

之後如果要對程式進行調整​

在 Vercel 上部署的優點是，當你在本地端進行程式調整後，只需要透過 Git 將程式碼上傳到 Vercel，即可自動更新網站，省去了手動上傳的繁瑣流程，讓網站開發更加便利快速。
所以在修改好程式碼後，只需要於本地端輸入以下 Git 指令即可

git add -A
git commit -m "add ..."
git push origin main --set-upstream