信息层级:【有据可查】= 附官方文档或可信来源链接;【社区共识】= 社区用户普遍经验,未经官方确认;【待考察/推测】= 推测或暂未能核实,请谨慎对待。
1. 三个概念一次讲清
| 概念 | 是什么 | 比喻 |
|---|---|---|
| 域名 | example.com 这个名字,向注册商按年租用 |
门牌号 |
| DNS | 把名字指向服务器的记录(A、AAAA、CNAME、TXT…) | 地图 |
| 静态网站 | 只有现成文件、没有后端程序的网站 | 印好的传单 |
【社区共识】本专栏这种 Markdown 教程就非常适合做成静态站。
2. 买域名【社区共识】
| 注意点 | 说明 |
|---|---|
| 续费价 | 首年优惠后续费可能大幅上涨,看续费价 |
| 隐私保护 | 是否免费提供 WHOIS 隐私保护 |
| 实名要求 | 部分注册商/后缀需要实名认证 |
| 账号安全 | 域名账号务必开 2FA(见 AI 账号安全:登录态、密钥、授权与申诉),域名被盗 = 网站被劫持 |
| 自动续费 | 打开,避免过期被抢注 |
3. 常见 DNS 记录
| 记录 | 作用 | 例子 |
|---|---|---|
| A | 域名 → IPv4 | @ → 203.0.113.10 |
| AAAA | 域名 → IPv6 | |
| CNAME | 域名 → 另一个域名 | www → yourname.github.io |
| TXT | 验证所有权、邮件策略 | 平台给的验证串 |
【社区共识】DNS 修改生效可能需要几分钟到几十小时(受 TTL 与缓存影响)。
4. 静态托管方案对比
| 方案 | 特点 | 自定义域名 | 官方文档 |
|---|---|---|---|
| GitHub Pages | 仓库即网站,免费;适合文档/博客 | 支持,并可开 HTTPS | 【有据可查】GitHub Pages 文档 |
| Cloudflare Pages | 连 Git 自动构建,全球 CDN | 支持 | 【有据可查】Cloudflare Pages 文档 |
| Cloudflare Workers 静态资源 | Cloudflare 近期更推荐的新项目方式之一 | 支持 | 【待考察】Workers Static Assets |
| 自己的 VPS + Nginx/Caddy | 完全可控 | 支持 | 见 VPS 入门:连接、账号、防火墙与日常维护 |
| 国内云对象存储 + CDN | 国内访问快 | 支持,需 ICP 备案 | 见第 6 节 |
5. 实操:用 GitHub Pages 发布这套教程(示意)
【有据可查:GitHub Pages 快速入门】
- 新建仓库,把 Markdown 文件推上去(可配合 MkDocs、VitePress、Docusaurus 等静态生成器把 Markdown 转成网页)。
- 仓库 Settings → Pages,选择发布来源(分支或 GitHub Actions)。
- 等待构建完成,访问
https://用户名.github.io/仓库名/。 - 绑定自定义域名:在 Pages 设置填域名 → 在 DNS 加 CNAME(子域名)或平台给出的 A 记录(根域名)→ 勾选 Enforce HTTPS。
- 【有据可查】GitHub 建议先验证域名以防被他人接管。
💡 mermaid 渲染:GitHub 原生渲染 Markdown 中的 mermaid;静态生成器需要单独开启插件【社区共识】。这也是本批只用 flowchart/sequenceDiagram 等兼容性好语法的原因。
6. 中国大陆:ICP 备案
【有据可查】使用中国大陆境内服务器/CDN 对外提供网站服务,需要办理 ICP 备案(经营性网站另需 ICP 许可证),备案信息可在 工信部 ICP/IP 地址/域名信息备案管理系统 查询。
【社区共识】
- 备案通常通过你购买服务器/CDN 的云厂商提交,需要实名、域名实名、可能的人脸核验。
- 备案期间网站一般不能访问。
- 境外托管无需大陆备案,但大陆访问速度/可用性不作任何保证。
- 涉及新闻、出版、医疗、金融等内容可能还需前置审批【待考察:以主管部门规定为准】。
7. HTTPS 与安全
- 托管平台通常自动提供 HTTPS;自建用 Caddy 或 Let's Encrypt【有据可查:letsencrypt.org】。
- 静态站不要放任何密钥:前端 JS 中的 API Key 等于公开。
- 想在静态站里调用 AI?需要一个后端(如 Workers / 自建网关)代为持有 Key。
8. 本篇无法核实/需谨慎的点
- Cloudflare 对 Pages 与 Workers 静态资源的长期定位(官方推荐方向可能调整)。
- ICP 备案具体流程、时长与材料(各云厂商和省份不同)。
- 境外静态托管在中国大陆的可访问性。
小白练习:把本文流程逐项走通
练习目标:先得到可访问的站点,再绑定域名和 HTTPS。
上文已介绍概念、配置和操作示例。下面侧重第一次实际操作时的顺序、检查点和结果核对;需要查具体参数时回到对应小节。命令逐条输入,看到上一条的结果后再继续。
-
先在本机确认生成的发布目录包含 index.html、样式和图片;Markdown 原稿通常需要构建成网页。
-
按所选托管平台的文档上传发布产物,先打开平台提供的默认网址,检查首页和一个深层链接。
-
在注册商控制台找到 DNS 管理。保留原记录,再按托管平台当前给出的要求填写根域或 www 的记录。
-
回到托管平台完成域名所有权验证与域名绑定。不要把示例 IP 当成平台当前提供的记录。
-
等待 DNS 可查到预期值,再申请或等待 HTTPS 证书。最后测试 http 跳转、https 首页与深层链接。
-
出现故障时分别检查域名解析、服务器响应和证书域名,不用一次同时修改三层配置。
