“Cloudflare 管域名解析(DNS) + Vercel 管网站托管” 是目前最流行、速度最快且免费的“黄金搭档”。
特别是对于 eu.org 这种免费域名,它本身不提供 DNS 解析面板,必须把它的 NS (Nameservers) 指向 Cloudflare 才能方便地添加子域名。
假设你的主域名是 xiaoaming.eu.org,你想创建一个博客子域名 blog.xiaoaming.eu.org。
第一步:在 Vercel 中添加域名 (获取目标地址)#
-
登录 Vercel,点击进入你已经部署好的项目(比如你的博客项目)。
-
点击顶部导航栏的 Settings (设置) -> 左侧边栏的 Domains (域名)。
-
在输入框中填入你想要的完整子域名:
blog.xiaoaming.eu.org。 -
点击 Add。
-
关键点来了:Vercel 会提示你配置错误(Invalid Configuration),并给你显示两个值:
-
Type:
CNAME -
Value:
cname.vercel-dns.com(或者类似proxied.vercel-dns.com) -
请复制这个 Value 值。
-
第二步:在 Cloudflare 中添加记录 (指向 Vercel)#
现在去 Cloudflare 告诉它:“当有人访问 blog 时,把路指引到 Vercel 去”。
-
登录 Cloudflare,点击你的域名
xiaoaming.eu.org。 -
点击左侧边栏的 DNS -> Records (记录)。
-
点击蓝色的 Add record (添加记录) 按钮。
-
按照以下格式填写(参考 Vercel 给你的信息):
| 选项 | 填写内容 | 说明 |
|---|---|---|
| Type (类型) | CNAME |
子域名通常使用 CNAME 类型 |
| Name (名称) | blog |
这里只需要填前缀! 不要填完整域名 |
| Target (目标) | cname.vercel-dns.com |
刚才在 Vercel 里复制的那个值 |
| Proxy status | 开启 (橘色云朵) ☁️ | 开启代理可以享受 CDN 加速和防攻击 |
| TTL | Auto | 默认即可 |
- 点击 Save (保存)。
第三步:处理 SSL/HTTPS 问题 (至关重要)#
因为 Cloudflare 和 Vercel 都支持 HTTPS,如果配置不当,会产生“重定向次数过多”的错误。
-
在 Cloudflare 侧边栏,点击 SSL/TLS。
-
将加密模式设置为 Full (Strict) 或者 Full。
- 不要选 Flexible:这会导致 Vercel 无法正确签发证书或无限重定向。
如果你在 Cloudflare 开启了“小橘云”(代理模式),Vercel 可能会一直显示“正在生成证书”。通常等待 5-10 分钟即可。
如果一直不成功,可以先在 Cloudflare 把“小橘云”关掉(变成灰色,仅 DNS 模式),等 Vercel 显示绿色的“Valid”后,再回 Cloudflare 把小橘云打开。
总结:数据流向是怎样的?#
当你配置好之后,用户访问 blog.xiaoaming.eu.org 的过程是:
-
用户 -> 输入网址。
-
Cloudflare -> 拦截请求(因为你是橘色云朵),提供安全防护,然后根据 CNAME 记录,把请求转发给 Vercel。
-
Vercel -> 接收请求,识别出是你的博客项目,返回网页内容。
💡 扩展应用:你可以拥有无数个子域名#
既然学会了这招,就可以无限套娃了:
-
cv.xiaoaming.eu.org-> 指向你的 Notion 简历页面 -
tools.xiaoaming.eu.org-> 指向你用 Python 写的生信分析小工具 -
status.xiaoaming.eu.org-> 指向一个服务器监控面板