如何上线自己的网站

从本地文件夹到公网可访问，记录我踩过的坑。Vercel、GitHub、阿里域名云，还有那个不能用 163 邮箱注册的晚上。

如何上线自己的网站

前期准备？

Github账号 官网地址
Vercel账号 官网地址
Cloudflare WARP （可选） 下载地址 1
下载地址 2

购买域名（可选 -国内访问需要）

阿里云 腾讯云 华为云
天翼云 百度智能云 西部数码

辅助网站：dnschecker.org / dnsmap.io —— 用来查 DNS 有没有生效。

部署全流程

1. 注册 GitHub

没什么特别的，正常注册即可。

2. 注册 Vercel

第一个坑：不能用国内邮箱注册。 1

一开始用 163 邮箱，发现不行。换成国外邮箱（微软、谷歌、雅虎等）。

有意思的是，手机号可以用国内的，这个没问题。

3. 买域名

国内访问建议买一个域名，不然 Vercel 的默认域名在国内网络环境下可能不太稳定。

我在阿里云买的，1 块钱一年，需要实名认证（1-2天时间）。 2

4. 代码上传到 GitHub

  1. 直接本地项目文件夹直接拖拽上传到 GitHub 仓库。 3
  2. 使用 Git 版本控制 - 方便后续需要更新内容，改完推上去 Vercel 会自动重新部署。 4

5. Vercel 自动部署

在 Vercel 里连接你的 GitHub 仓库，它会自动识别项目类型（纯 HTML 也能识别），然后自动构建部署。基本上点几下就完事了，不需要手动配置服务器。 5

6. 在 Vercel 添加自定义域名

进入项目，添加你的域名。Vercel 会提示你需要配置哪些 DNS 记录。 6

7. 配置 DNS

到阿里云（或你买域名的地方）的域名解析后台，按 Vercel 给的提示添加 DNS 记录。主要是两条：

  • A 记录：指向 Vercel 的服务器 IP,Vercel 怎么提示你就怎么填 7
  • CNAME 记录：www 子域名指向 Vercel 的域名，同上 8

改完不会立刻生效，可以用 dnschecker.org 或 dnsmap.io 输入你的网址查看全球 DNS 传播情况。一般几分钟到几小时不等。 9

8. 访问测试

等 DNS 生效后（绿色打勾），直接输入你的域名，应该就能正常访问了。