先看全貌

当有人在浏览器里输入 example.com，实际发生的是这样一条链路：

  1. 浏览器问 DNS：example.com 的 IP 是多少？
  2. DNS 回答一个 IP，比如 203.0.113.10。
  3. 浏览器带着 Host: example.com 连到这个 IP 的 443 端口。
  4. 服务器上的程序把对应的文件返回给浏览器，浏览器渲染出来。

所以你需要的东西就三样：一个能被人记住的名字（域名）、一本能查到这个名字对应哪台机器的电话簿（DNS）、 以及一台常开着的机器（托管）。HTTPS 只是给这段对话加了一层加密。

第一步：域名

域名从注册商那里买，本质是在注册局数据库里给你登记一条记录，按年付费。 常见的后缀里，.com 最通用，.dev / .app 强制 HTTPS， .me / .io 适合个人站和技术项目。

选域名时注意三件事：

  • 好念好拼。口头说一遍，对方能一次敲对，就是好域名。
  • 别用人名拼音的长串。除非你的名字本身就是品牌。
  • 注意历史。便宜的二手域名可能被搜索引擎惩罚过，查一下再买。

价格上，首年通常有优惠，续费才是真实成本。买之前看一眼续费价。

第二步：DNS 解析

买完域名，你会拿到一个控制台，里面能改 DNS 记录。最常用的只有两条：

类型作用示例
A把域名指向一个 IPv4 地址@ → 203.0.113.10
CNAME把域名指向另一个域名www → example.pages.dev

托管平台通常会给你一个 CNAME 目标，照着填就行。 改完之后不要立刻测试 —— DNS 有缓存，全球生效可能要几分钟到几小时。 用 dig example.com +short 或在线 DNS 查询工具看当前解析结果。

一个常见坑：@ 根域名不能加 CNAME（按规范不允许）， 所以根域名要用 A 记录，或者用托管商提供的 ALIAS / ANAME 记录。

第三步：托管

按照「你的站点有没有后端」来分：

  • 纯静态（HTML/CSS/JS）。 用 Cloudflare Pages、Vercel、Netlify、GitHub Pages 这类平台。 免费额度通常够个人站用，推送代码即自动部署，全球 CDN。这个站就是这一类。
  • 需要后端（数据库、登录、接口）。 Railway、Render、Fly.io 这类托管 PaaS 省心； 或者买一台 VPS（阿里云、腾讯云、Hetzner、DigitalOcean），自己装 Nginx / Node / 数据库。
  • 要完全控制。 VPS + Docker，把每个服务打成容器。灵活，但要自己负责备份、监控、升级。

对个人站来说，静态托管几乎总是正确答案：没有服务器要维护、没有补丁要打、 流量涨了也不会被打挂，而且免费。

第四步：HTTPS

现在不用手动买证书了。上面提到的托管平台都自动签发并续期证书。 自己管 VPS 的话，用 Let's Encrypt + Certbot 一条命令搞定： 

sudo certbot --nginx -d example.com -d www.example.com

证书 90 天过期，Certbot 会自动续。记得确认定时任务装上了： systemctl status certbot.timer。

上线检查清单

  • 用手机 4G 网络打开一次，确认不是只在本地能通。
  • 访问 http:// 是否自动跳到 https://。
  • www 和不带 www 的版本，有一个应该 301 到另一个。
  • 打开 PageSpeed Insights 跑一次分数。
  • 看一眼 404 页面是不是你自己设计的，而不是服务器默认页。
  • /robots.txt 和 /sitemap.xml 能正常访问。

小结

整件事的本质是：名字 → 地址 → 机器 → 文件。 四步里每一步都有托管商帮你做了，你只需要知道自己在付钱买哪一段。 第一次走完可能会花一个下午，第二次就是二十分钟。

下一篇会写：静态站点什么时候不够用，以及从静态迁移到动态时最容易踩的坑。