05 | 如何在Namecheap购买域名后,通过CloudFlare完成独立站建站前的DNS解析与SSL加密?

想要在当下的数字化出海与高效生产力竞争中建立壁垒,掌握 Cloudflare免费CDN与DNS解析配置 的核心实操动线至关重要。本篇将结合实际业务场景,带你从底层逻辑到执行细节进行全链路深度拆解。

阶段零:前置准备与3大风控红线

在开始任何操作前,请逐项确认以下准备事项已完成。违反红线将导致解析失败、SSL无法启用或网站无法访问,必须严格规避。

1. 禁止在Namecheap后台手动填写解析记录 所有DNS解析操作必须在CloudFlare控制台完成。Namecheap仅负责将域名NS指向CloudFlare,不得在此处添加任何A记录、CNAME或MX记录。混用两套DNS系统将导致解析冲突、CDN失效。

2. 禁止跳过SSL/TLS设置直接建站 CloudFlare默认SSL模式为Flexible,该模式仅加密客户端到CloudFlare的链路,CloudFlare到源站的通信仍为明文。若后续在宝塔面板启用SSL,将触发证书链断裂、HSTS冲突等连锁错误。必须将模式切换为Full或更高。

3. 禁止在未确认VPS主机已购妥前启动域名解析流程 NS切换后DNS立即生效,若VPS未就绪,域名将解析至无效IP,导致后续重置困难并产生额外等待成本。请在VPS安装完成、获取IPv4地址后再执行名称服务器变更。

前置物料清单:

  • Namecheap账号已注册并完成邮箱验证
  • 目标域名已在Namecheap完成购买,处于正常状态(非hold/expired)
  • CloudFlare账号已注册并完成邮箱验证
  • VPS主机已购买并获取公网IPv4地址
  • 终端工具(Windows PowerShell / Mac Terminal / Linux Terminal)

阶段一:环境搭建与合规注册

1.1 Namecheap完成域名购买

登录Namecheap后台,使用搜索框输入目标域名(如 yourstore.com),确认可用性后加入购物车并完成支付。支付成功后,域名将显示在域名管理列表中。

1.2 CloudFlare完成账号注册与验证

访问 CloudFlare 官网注册账号,使用邮箱完成验证。验证通过后进入控制台,即可添加域名。

1.3 VPS主机IP地址确认

登录VPS控制台(如DigitalOcean、Vultr、Cloudways等),在实例详情页复制公网IPv4地址,格式通常为 192.0.2.45。将该地址妥善记录,后续操作全程使用该值。

1.4 获取CloudFlare提供的名称服务器(NS)地址

每个新注册的CloudFlare账户会分配专属的两条NS地址,格式如下(以示例账户为例,实际地址以控制台显示为准):

  • kipp.ns.cloudflare.com
  • melany.ns.cloudflare.com

在CloudFlare控制台添加域名后,页面将显示专属NS地址,请以此为准。不可直接复制示例地址。


阶段二:核心业务执行标准作业

步骤一:切换Namecheap名称服务器

  1. 登录Namecheap后台,进入 域名列表 页面。
  2. 点击目标域名右侧的 Manage 按钮。
  3. 在 Nameservers 区域,选择 Custom DNS 选项。
  4. 依次填入CloudFlare提供的两条NS地址(两行分别填入,不可填在同一行)。
  5. 点击 Save 保存设置。

DNS切换提交后,系统提示等待生效。此步骤完成后请立即进行下一步,无需等待切换完成再继续。

步骤二:CloudFlare添加域名并激活

  1. 登录CloudFlare控制台,点击右上角 Add a Domain。
  2. 输入顶级域名(仅输入 yourstore.com,不含www前缀),点击 Continue。
  3. CloudFlare将扫描现有DNS记录,此过程约需10-30秒。
  4. 套餐选择阶段,选择 Free 方案,点击 Continue。
  5. 进入NS修改页面,页面将显示该域名对应的专属NS地址。将此地址复制,返回Namecheap在步骤一中填写的地址替换为这里显示的地址(若步骤一已填写正确则无需重复操作)。
  6. 点击 Done,等待CloudFlare检测NS切换状态。

步骤三:清理自动扫描的无效记录

NS切换后,CloudFlare控制台将进入DNS管理界面。此时系统会自动导入Namecheap原有用过的解析记录,其中大部分为无效记录。

  1. 进入 DNS → Records 页面。
  2. 逐条检查所有记录,删除以下类型的所有记录:
    • 类型为 MX 的记录(邮件服务交由邮件提供商配置,不由建站流程管理)
    • 类型为 TXT 且内容为 SPF/DKIM/DMARC 的记录(暂不配置,避免冲突)
    • 类型为 CNAME 且名称非 @ 或 www 的记录(如 blog、shop 等子域名,后续按需添加)
    • 类型为 A 且名称非 @ 或 www 的记录
  3. 仅保留名称为 @ 和 www 的A记录,其余全部删除。

步骤四:添加核心解析记录

在DNS Records页面,点击 Add Record 两次,分别添加以下两条记录:

第一条记录:

  • Type: A
  • Name: @
  • Content: 填入VPS主机的IPv4地址
  • TTL: 自动(Auto)
  • Proxy status: 开启(Orange Cloud 已激活)

第二条记录:

  • Type: A
  • Name: www
  • Content: 填入VPS主机的IPv4地址(与第一条相同)
  • TTL: 自动(Auto)
  • Proxy status: 开启(Orange Cloud 已激活)

添加完成后,两条记录的 Proxy status 均应显示为橙色云朵(代理开启状态)。

步骤五:配置SSL/TLS

  1. 进入左侧菜单 SSL/TLS → Overview。
  2. 在 Encryption mode 下拉菜单中,选择 Full。
  3. 点击 Save 保存。

说明: Full模式要求源站存在有效SSL证书(宝塔面板将在后续步骤中自动签发Let's Encrypt证书)。若选择Flexible,源站到CloudFlare的通信将保持明文,后续宝塔启用SSL时必然报错。

步骤六:等待解析全局生效

NS切换和DNS记录添加完成后,全球DNS缓存传播通常需要5-15分钟。在此期间可通过以下步骤检测生效状态(见阶段三)。


阶段三:交付验收与合规结算

3.1 终端验证解析生效

打开终端工具,执行以下命令:

ping yourstore.com

预期结果:返回的IP地址应与VPS主机的IPv4地址一致。

ping www.yourstore.com

预期结果:返回的IP地址同样与VPS主机IPv4地址一致。

若返回的IP地址不一致或显示超时,说明解析尚未完全生效,等待5分钟后重新执行。

3.2 备用检测命令

若 ping 被防火墙限制无响应,改用以下命令:

nslookup yourstore.com

在返回结果中查找 Address 字段,确认其与VPS IP一致。

3.3 网站连通性验证

  1. 打开浏览器,访问 http://yourstore.com(注意使用HTTP,而非HTTPS)。
  2. 页面应返回VPS主机默认首页(如Nginx默认页或宝塔欢迎页)。
  3. 访问 http://www.yourstore.com 确认跳转正常。

若HTTP访问失败,请检查VPS防火墙是否开放80端口,以及CloudFlare中A记录的Proxy status是否为橙色云朵。

3.4 进入宝塔面板进行后续配置

解析与SSL配置完成标志:域名可HTTP访问、CloudFlare SSL模式为Full、A记录正常。

此时可登录宝塔面板,开始服务器环境配置与WordPress安装。在宝塔中启用SSL时,CloudFlare侧无需做任何额外操作,Full模式已自动处理加密链路。


常见报错与异常排查表

故障现象根本原因解决动作
CloudFlare显示"Pending Activation"超过30分钟Namecheap NS切换未生效或填写错误返回Namecheap核对Custom DNS列表中的NS地址是否与CloudFlare提供的一致,重新保存后等待
ping域名返回旧IP或104.21.x.x段地址CloudFlare代理IP覆盖,属正常现象使用nslookup yourstore.com查看最终解析目标是否为VPS IP;若显示VPS IP则解析正确,橙色云朵代表CDN已启用
解析后网站无法访问(Connection Refused)A记录IP地址填写错误或VPS防火墙拦截核对VPS控制台提供的IP;检查宝塔防火墙是否开放80/443端口
HTTPS访问报"ERR_CERT_AUTHORITY_INVALID"SSL/TLS模式仍为Flexible,或源站未安装证书确认CloudFlare SSL模式已设为Full;在宝塔面板为域名申请并启用Let's Encrypt证书
nslookup返回多个IP或解析不一致DNS缓存延迟导致局部未同步执行ipconfig /flushdns(Windows)或sudo dscacheutil -flushcache(Mac)清除本地缓存后重试
添加A记录后CloudFlare显示"Invalid IP"VPS提供的IP为IPv6地址,但记录类型选择了A确认VPS公网IP为IPv4格式;若仅有IPv6,需将记录类型改为AAAA
www子域名无法访问但裸域正常www的A记录未添加或名称填写错误检查DNS记录列表中是否存在名称为www的A记录,Content是否为正确IP
宝塔SSL启用后网站403/502CloudFlare缓存了旧HTTP内容,与HTTPS冲突在CloudFlare控制台进入 Caching → Configuration,点击 Purge Everything

附录:日常执行速查Checklist

操作前逐项确认,操作后逐项打勾验收。

操作前准备:

  • Namecheap账号登录正常,目标域名状态为Active
  • CloudFlare账号注册并完成邮箱验证
  • VPS主机已购妥,IPv4地址已获取并记录

NS切换阶段:

  • Namecheap中Nameservers已设为Custom DNS
  • 两条NS地址已准确填入(与CloudFlare控制台显示一致)
  • 已点击Save保存

CloudFlare配置阶段:

  • 域名已添加,状态显示Active(非Pending)
  • 无效记录(MX、TXT、多余CNAME)已全部删除
  • A记录@已添加,Content为VPS IPv4,Proxy为Orange状态
  • A记录www已添加,Content为VPS IPv4,Proxy为Orange状态
  • SSL/TLS模式已设为Full

验收阶段:

  • ping yourstore.com 返回VPS IPv4地址
  • ping www.yourstore.com 返回VPS IPv4地址
  • http://yourstore.com 可正常访问VPS默认页
  • http://www.yourstore.com 可正常访问
  • CloudFlare控制台DNS记录总数与预期一致(无多余记录)
  • 已将本SOP存档,便于后续域名管理时快速复查

💎 【独家资源】火儿跨境科技 VIP 资料会员:
解锁全站 500+ 实战提示词库、自动化工作流脚本、商业源码与高阶专属圈子,持续沉淀一人公司数字资产。
👉 立即开通 VIP 资料会员(月度订阅 $9.99,即刻畅享核心工具箱) | 查看会员权益与等级说明

🚀 【体系大课】火儿跨境科技 官方实战课程:
告别零散摸索,全案拆解从建站、SEO长效获客到海外广告变现的工业级闭环流水线。
👉 《谷歌SEO优化系统课程》 | 《谷歌广告全系统基础夯实课》 | 《Facebook广告投放基础夯实课》 | 查看全部实战课程专区

💡 进阶指引:本文属于《11WordPress独立站建站》系统实操专栏。如需全面掌握高性价比海外服务器配置、DNS 解析与独立站基础设施搭建,欢迎查阅对应大盘母舰专题:WordPress架站完整SOP。

分享您的喜爱

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

返回
WhatsApp