type
status
date
slug
summary
tags
category
icon
password
事先準備
在開始之前, 我們要先申請一個域名, 目前市面上常見的域名服務商有 Godaddy, Namecheap …等. 因為之前己經有用過 Godaddy, 所以這次改用 Namecheap. 等域名購買完成後就可以進行以下設定.
在 Vercel 的設定
首先, 先進到專案頁面並點選
Settings
頁籤 
接著在右邊選單點選
Domains

輸入你申請的域名

如果你只有填入主網域名, 會出現此對話視窗. 可以依其建議多加一個子網域並導向到主網域, 或是取消, 重新建一個子網域.

設定完成後, 會出現紅色的錯誤訊息
Invalid Configuration
, 此時不用緊張,因為我們還沒有設定我們的域名, 等設定好錯誤就會消失.
在 Namecheap 的設定
登入到 Namecheap 的後台, 點選
Domain List

找到我們申請的域名並點選
MANAGE
進入管理介面
從上面頁籤中點選
Advanced DNS

在
HOST RECOEDS
區段, 選擇新增一筆記錄- Type: 選擇
CNAME Record
, 這可以把域名對映到另一個域名
- Host: 本身的子域名,如
www
,stream-notes
- Value: 被對映的域名
- TTL: 就選
Automatic

最後, 按下綠色的勾勾就完成所有的設定. 等設定生效時,再回到
Vercel
的管理頁面,就會發現錯誤消失了 - 作者:fivewillow
- 連結:https://stream-notes.fivewillows.cc/article/add-new-domain-for-vercel
- 著作權:本文採用 CC BY-NC-SA 4.0 許可協議,轉載請註明出處。