---
tags: 軟體工程師體驗營 - 2023
---

# 🏅 JS 任務 Day27 - Vercel

[Vercel](https://vercel.com/) 是一個提供網站部署服務的平台，可以將放在 Github 版控的程式碼輕鬆部署至網站

### 1. 註冊 Vercel
點選 Sign Up > Hobby（用於個人專案）
<img src="https://hackmd.io/_uploads/HJTP9t4U3.png" width="200">

輸入名字後，可以直接使用 Github 登入，
會跳出一個提供 Github 授權的頁面

<img src="https://hackmd.io/_uploads/HJjKtt483.png" width="200">

點選確認，讓 Vercel 可以存取你的 GitHub 資料
<img src="https://hackmd.io/_uploads/Hy_AKF4In.png" width="200">

### 2. 載入儲存庫
點選「Add Github Account」
<img src="https://hackmd.io/_uploads/rJoKsYEIh.png" width="200">

會跳出視窗選擇要部署的儲存庫
- 第一個選項 All repositories 是選擇全部的儲存庫
- 第二個選項是選擇特定的儲存庫

這邊選擇「Only select repositories」，選擇要部署的儲存庫提供給 Vercel 存取
<img src="https://hackmd.io/_uploads/rJX8hY482.png" width="200">

點選「Install」，就會出現剛剛選擇的儲存庫了 ～

> 若後續想調整可以點選「Adjust GitHub App Permissions →」調整

### 3. 部署
點選 Import > Deploy 就成功部署哩！

之後只要將程式碼 push 到該儲存庫，就會自動部署、更新頁面摟 ～

嘗試使用 Vercel 部署看看吧！

## 回報流程

1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」回報
（也可以將答案直接貼至「回報區」）


回報區
---

| 報數 | Discord 名字 | Codepen／其他回饋 |
|:----:|:-------------------:|:---------------------------------------------------------------------------------------------------------------------------------:|
| 1 | Quantum#6093 | V |
| 2 | Tami#6742 | V |
| 3 | Jacky7035#9423 | [Vercel](https://hexschool-2023-camping-aitoolking-2gjp2dja3-adens123.vercel.app/) |
| 4 | Rochel#4754 | V
| 5 | Akira#9996 | V |
| 6 | JimWang#6134 | V |
| 7 | 銀光菇#1692 | V |
| 8 | townyuan#2653 | [Vercel](https://2023-hexschool-task2.vercel.app/) |
|9| wiimax#4564|V
| 10 | HsuanTang#1349 | [Vercel](https://qq-lake.vercel.app/) |
| 11 | liam9930#4129 | V |
| 12 | SKey#9905 | [Vercel](https://chenskey-github-io.vercel.app/) |
| 13 | ChaosTu#9311 | [Vercel](https://2023-engineer-camp-ai-tool-king.vercel.app/) |
|14|肉個阿倫#7172|[Vercel](https://mysite-sable-eight.vercel.app/)|