在Cloudfare购买域名

Cloudfare域名基本上比较便宜,只是11月份起价格上调为11美元一年

注意如果你的网站服务器或dns在国内还要去网管所备案,在vercel或者netlify这种外国平台就不需要了

购买过程

首先在cloudfare域名市场挑一个你看得上的域名,最好买十年(个人最多拥有10年,而域名独一无二,所以域名商看见有人买这个域名就年年涨价,还不如直接买10年)

.com和.org和.top这种顶级域名首选,不过.cn域名虽然便宜但是需要实名认证

至于其他的哪个便宜选哪个不过需要区分顶级域名(TLD)和二级域名(2LD)还有三级域名(3LD)

​ 域名中 TLD、2LD 和 3LD 的示例

然后使用Visa或Mastercard卡购买,注意cloudfare不支持银联存储卡只支持银联信用卡

或者用绑了visa或mastercard的PayPal买也行

然后购买成功后在这里可以看到你刚买的域名啦

至于为什么取desertpoplar这个名字,emmm,其实原本是想用huyangpahuo,但是仔细想想感觉还是太low了

desert(沙漠)+poplar(杨树)反而更好的表达“胡杨”这个寓意,还可以当商标,缩写还是dp非常好记(毕竟域名的作用不就是人类好记嘛)

​ image-20261015173427212

我们点击这三个点可以看到一些选项

​ image-20261015214317359

菜单用途现在要不要动
Configure DNS查看与管理 A、CNAME、TXT 等 DNS 记录经常使用：连接 Vercel、VPS 或其他服务时在这里配置
Configure SSL/TLS设置访客到 Cloudflare、Cloudflare 到源站之间的 HTTPS 加密方式需要网站上线时检查；不要盲目切换模式
Configure caching缓存符合条件的页面和文件，减少源站请求初期先使用默认值，不要随意“缓存所有内容”
Configure Web Application Firewall对网站 HTTP 请求进行安全过滤先保留默认保护；确认有需求再加规则
Configure rules设置跳转、缓存、请求处理等规则只有需要特殊行为时再创建
Star domain将域名标记为常用/收藏可选，不影响网站
Copy zone ID复制这个域名在 Cloudflare 中的区域 ID，供 API、脚本或集成使用一般手动管理 DNS 时用不到
Change plan更改 Cloudflare 服务计划不需要为了“让域名能用”而升级
Manage domain registration管理域名注册事项，例如续费、注册信息或转移相关设置重要：检查续费和注册联系邮箱
Enable Development Mode暂时绕过 Cloudflare 缓存，方便查看源站最新内容排查缓存时临时使用；它不会修复 DNS 或源站故障
Pause Cloudflare暂停 Cloudflare 对该域名的代理功能不要随意点；可能改变流量路径并暴露源站
Remove from Cloudflare将域名区域从 Cloudflare 管理中移除不要把它当作普通“关闭设置”的按钮；操作前必须确认影响

此时点击这个网址可以看到cloudfare为我们提供了一些域名购买外的免费服务

​ image-20261015214124711

双重身份认证

因为我的cloudfare账号是用github创建的,邮箱也是Github的, 所以没有密码

先退出登录,点击忘记密码项

​ image-20261015210019599

输入邮箱发送验证码

image-20261015210120025

​ image-20261015210216972

然后用邮箱发来的重置码重置密码

​ image-20261015211436325

对了,cloudfare没有手机apk或者原生桌面端exe应用,只有浏览器应用,切勿上当受骗

把域名添加到vercel的网站

vercel默认会分配一个vercel.app

我们首先创建DNS

image-20261017122232362 image-20261017122341108

创建子域名

然后添加子域名blog

字段填写内容
Type（类型）CNAME
Name（名称）blog
Target（目标）Vercel 显示的 CNAME 地址,这里我们先填vercel.app的那个
TTLAuto
Proxy status先选 DNS only（灰色云朵）,因为vercel自带安全检查,不用Cloudfare的人机认证

​ image-20261017122910234

然后创建成功保存

然后前往Cloudfare添加这个子域名

​ image-20261017122019325

​ image-20261017123213323

把子域名填进去,然后vercel会自动生成ssl证书

​ image-20261017123426192

​ image-20261017123607932

此时vercel大概会警告你要用这个dns地址

​ image-20261017123817620

复制下来然后在cloudfare中修改原先的vercel.app为这个.com.的地址

​ image-20261017124052441

此时就可以看到正常了,此时两个域名都能访问这个网站

​ image-20261017124130495

我们配置域名重定向,将vercel.app重定向为blog.desertpoplar.com

​ image-20261017152018486

状态码含义跳转性质是否保留请求方法
301Moved Permanently永久跳转传统客户端可能将 POST 改为 GET
302Found临时跳转传统客户端可能将 POST 改为 GET
307Temporary Redirect临时跳转必须保留
308Permanent Redirect永久跳转必须保留

这样我们以后只需要记住一个网址就行了,这里你可以先选择307试试能不能用然后改成301永久跳转

​ image-20261017152207983

把域名添加到github page网站

​ image-20261017130530289

首先github page会要求我们验证域名的所有权是我们的

​ image-20261017132256000

我们需要前往刚才的dns创建页,添加DNS TXT支持,名字就是复制1中的内容 ,值就是复制2中的内容

​ image-20261017132858828

然后回到github就完成了域名身份验证image-20261017132951110

创建个人网站(如hexo)

我们用hexo创建一个网站调整_config.yml里的参数然后推送到XXXX.github.io仓库的mian,此时点开这个page可以看到站点相关的一些配置

​ image-20261017144453844

​ image-20261017141543437

填入网址后会发现无法dns解析,因为我们刚才只是添加了身份识别

image-20261017142434155

所以返回刚才的 cloudfare的DNS创建页,创建如下四条

TypeNameIPv4 地址
A@185.199.108.153
A@185.199.109.153
A@185.199.110.153
A@185.199.111.153

四条记录的 Proxy status 全部先设置为 DNS only（灰色云朵），TTL 选择 Auto

然后再返回github的这个界面,点击再检查一次

此时显示的是,GitHub 官方建议同时配置根域名和 www

​ image-20261017143110062

所以我们依旧返回dns创建页

TypeNameTarget
CNAMEwwwhuyangpahuo.github.io

​ image-20261017143034390

我们稍等一会,因为数据同步还需要时间 ,过一会再点击 再检查一次

​ image-20261017144137266

此时你的github page的原本的网址就变成你自己的这个地址

​ image-20261017144248872

例如输入XXXX.github.io会自动重定向到这个网址

开启橙云

若以上全部正常,就打开橙云

image-20261017150107837

灰云（仅 DNS）：访客直接访问 网页，Cloudflare 不代理网站流量

橙云（已代理）：访客先经过 Cloudflare，Cloudflare 可以提供 CDN、流量防护和安全检查

注意vercel的保持灰云即可,因为vercel自带安全防护,添加cloudfare的安全防护反而会造成干扰image-20261017151709943

域名重定向

我们现在已经有了四个网址

text
12
desertpoplar.com   <----   huyangpahuo.github.io
blog.desertpoplar.com  <----  huyangpahuo.vercel.app

其中github和vercel已经自带重定向

其实我还有一个funingna-wakawaka.github.io 但是当时是在小号上部署的

所以直接在github修改根目录的index.html即可,这样也无需一个一个的去发短信提醒别人了

html
12345678910111213141516
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="robots" content="noindex">
  <meta http-equiv="refresh" content="0;url=https://blog.desertpoplar.com/">
  <title>网站已迁移</title>
  <script>
    window.location.replace("https://blog.desertpoplar.com/");
  </script>
</head>
<body>
  <p>网站已迁移至 <a href="https://blog.desertpoplar.com/">新博客</a>。</p>
</body>
</html>

但是cloudfare也有域名重定向功能

找到这个Rules → Redirect Rules → Single Redirect → Create rule

​ image-20261017125315037

然后添加你要的规则即可,我目前就用不上了