自訂 vercel 中 domain 名稱

date
Feb 27, 2026
slug
custom-vercel-domain
status
Published
tags
Project
summary
OOXXOOX
type
Post
第一步：在 Vercel 新增子網域第二步：到 DNS 服務商設定（例如 Cloudflare, GoDaddy 等）第三步：回到 Vercel 確認 Proxy Detected
 

第一步：在 Vercel 新增子網域

  1. 在你提供的 Vercel 截圖畫面中，點擊右上角的 「Add Existing」（或直接在輸入框輸入）。
  1. 輸入 brevity.robinkct.com 並點擊 Add。
  1. 如果系統問你要不要加 brevity.robinkct.com，可以選 No，保持簡潔。
      2. 注意：操作後有 Invalid Configuration 是正常的，要 DNS 設完才算串接成功
      注意：操作後有 Invalid Configuration 是正常的，要 DNS 設完才算串接成功
 
 

第二步：到 DNS 服務商設定（例如 Cloudflare, GoDaddy 等）

當你在 Vercel 新增完後，它會顯示一組紅色的 Invalid Configuration。這時你需要去你「購買網域的地方」新增一筆紀錄：
  • 類型 (Type)： CNAME
  • 名稱 (Name/Host)： brevity
  • 值 (Value/Points to)： cname.vercel-dns.com
注意： cname.vercel-dns.com 這是 Vercel 提供統一對接網址，照著填
notion image
 

第三步：回到 Vercel 確認 Proxy Detected

notion image
 
開啟網址：brevity.robinkct.com
 
 
 
Umami 區分不同分類：Travel、Book、Brevity（entrance 不要都 root）
驗證 Umami 的方式
一、local測試法：把頁面 run 起來後 → F12 → Network → filter 輸入 send → 檢查封包是否為 200
notion image
  • 二、Umami 後台檢查
NotionNext local可觸發 umami，雲端卻不行… ⇒ Vercel 未設定環境變數
實驗時發現，Umami 的 key 我竟然是明文 push到 github 的… 要避免
Umami 的統一透過 Global 來紀錄
新增 LifeOS、Book 的 notion page
透過 nextjs 新增一個 notion 的網頁
 
 
最終目標：今天把操作都完成，剩下改 Notion 介面

© Robin 2026