1、域名购买
推荐网站:https://www.spaceship.com/
优点:便宜,支持支付宝,UI好看
选购:https://www.spaceship.com/domain-search/
输入你想要的域名,加入购物车

图片1

图片2
可以选择支付宝,首次需要绑定签约自己的支付宝,并且填账单地址。

图片3
购买成功后,进入域名管理

图片4

图片5
2、项目托管
用:https://vercel.com/
用github登录,这部分不做介绍,网上有很多教程,如何注册和使用github,git。

图片6
输入要导入的项目,发现没有,说明没有授权,点击进入GitHub进行授权。

图片7

图片8
授权后,就可以看到,直接import导入

图片9
点击Deploy发布

图片10

图片11
这样就有一个可以访问的域名,但这是vercel提供的,我们要用自己的
3、域名部署
cloudflare.com,先用邮箱注册,支持中文。
选择加入域。

图片12

图片13

图片14

图片15
删除

图片16

图片17
将两个复制出来的服务器地址保存,配置到域名。
进入刚刚购买域名的地方,https://www.spaceship.com/
选择你要配置的域名,选择DNS。

图片18
选择修改,Change,选择自定义,将刚刚复制来的名称服务器地址放进去。

图片19

图片20
等待十多分钟,就可以通过域名访问我们的网站了。

图片21
4、配置域名
https://vercel.com/
A. 映射主域名到主站项目
进入 主站项目(xlutools.com) → Settings → Domains:
添加:xlutools.com (根域名)
再添加:www.xlutools.com(推荐)
点击“Set as primary”将 xlutools.com 设置为主域名
可设置 301 跳转 www. → 无 www,或者相反
B. 映射子域名到子站项目
进入每个工具项目(如 email.xlutools.com) → Settings → Domains:
添加子域名:email.xlutools.com
如果你的主域名已经连接了 Vercel,那它会自动生效
同样方式添加其他子域名:resume.xlutools.com、cover.xlutools.com 等

图片22

图片23

图片24

图片25
完成:https://www.xlutools.com/zh/

图片26