让全世界都能打开你的网站

① 部署到底在做什么

你现在双击 index.html 只能在自己电脑上看。要让别人访问,文件必须放到一台常年开机、有公网地址的机器上,并且配好网址。部署平台帮你做的正是这件事,你通常只需要"把文件交给它"。交出文件有两种主流方式:

② 先做选择:海外 还是 国内?

这是本章最重要的一步,直接决定你要不要备案。用一句话概括:

③ 主流平台横向对比

* 使用平台自带的境外节点访问域名通常无需备案;一旦绑定你自己的域名并解析到大陆节点,就必须先完成 ICP 备案。

④ 手把手:GitHub Pages(免费)

前提:有一个 GitHub 账号。整个过程 = 把文件传到 GitHub 仓库 → 打开 Pages 开关。

1. 1

   新建仓库

   登录 GitHub → 右上角 + → New repository → 起个名字(如 my-site)→ 选 Public → Create repository。

2. 2

   上传文件

   两种方式任选其一:

   网页拖拽(最简单):在仓库页点 uploading an existing file,把 my-site 里的文件(含 index.html)拖进去,写句说明,点 Commit changes。

   命令行(适合已会 Git 的人):

   终端

   cd my-site
   git init
   git add .
   git commit -m "deploy: my first static site"
   git branch -M main
   git remote add origin https://github.com/你的用户名/my-site.git
   git push -u origin main

3. 3

   开启 Pages

   仓库 Settings → 左侧 Pages → Source 选 Deploy from a branch → 分支选 main、文件夹选 /(root) → Save。

4. 4

   拿到网址

   稍等 1–2 分钟,页面顶部会出现你的线上地址,形如:

   你的网站地址

   https://你的用户名.github.io/my-site/

   打开它,你已经有一个"活"的网站了 🎉。以后改内容,只需重新 push(或重新上传),网站自动更新。

⑤ 最省事:Vercel / Netlify

这两个平台对新手极其友好:用 GitHub 账号一键登录,连上仓库就自动部署,还支持"改了自动上线"。以 Vercel 为例:

1. 1

   用 GitHub 登录

   打开 vercel.com → Continue with GitHub 授权登录。

2. 2

   导入仓库

   在 Dashboard 点 Add New → Project → 找到你刚才的 my-site 仓库 → Import。

3. 3

   直接部署

   纯静态项目一般不用改任何设置(框架选 "Other",构建命令留空),点 Deploy。几秒后给你一个 xxx.vercel.app 网址。

4. 4

   拖拽党更简单

   不想用 Git?打开 Netlify Drop,直接把整个文件夹拖进网页框,立刻上线。全程零命令行。

⑥ Cloudflare Pages(全球 CDN)

Cloudflare 是全球顶级网络服务商,Pages 免费额度慷慨、自带 CDN 加速,访问速度通常优于同类海外平台,并且它家还有免费的域名注册/DNS 服务,很适合作为"域名 + 托管"一站式方案。步骤与 Vercel 类似:Cloudflare Dashboard → Workers & Pages → Create → Pages → 连接 Git 仓库或直接上传。

⑦ 国内方案:云存储静态托管 / 服务器 需备案

面向国内用户、要长期稳定运营,推荐用国内云的"对象存储静态网站托管",它比传统服务器省心、还便宜。

方案 A:对象存储静态托管(推荐)

阿里云 OSS、腾讯云 COS 都提供"把一桶文件当作网站"的功能:

1. 1

   注册并实名认证

   注册阿里云/腾讯云账号,完成个人实名认证(这步国内云都要求,也是后续备案的前提)。

2. 2

   创建存储桶(Bucket)

   进入 OSS/COS 控制台 → 创建存储桶 → 地域选离你用户近的 → 读写权限选公有读私有写。

3. 3

   上传静态文件

   把 my-site 里的文件上传进桶,确保首页文件名为 index.html。

4. 4

   开启"静态网站托管"

   在 Bucket 设置里找到"基础设置 → 静态网站"→ 开启,把默认首页设为 index.html、默认 404 页设为 404.html。

5. 5

   绑定自定义域名 + 备案

   默认给的是平台长域名。要用自己的域名,需在"传输管理/域名管理"里绑定 → 去 DNS 加一条 CNAME 记录指向该桶 → 而域名解析到大陆节点必须先完成 ICP 备案(见第 04 章),并配置 HTTPS 证书。

方案 B:轻量应用服务器

如果你还需要后台、数据库、跑脚本(不只是静态展示),就买一台"轻量应用服务器",用可视面板一键装 Nginx/WordPress,把文件放进网站根目录(如 /var/www/html)即可。同样需要 ICP 备案。难度更高,纯静态网站一般用不上它。

⑧ 加上 HTTPS(那把小绿锁)

现代网站几乎都应是 https://(加密传输)。好消息是:绝大多数平台都免费自动提供,你基本不用操心。

• GitHub Pages / Vercel / Netlify / Cloudflare:用平台自带域名默认就是 HTTPS;绑定自定义域名后,平台会自动签发续期证书(基于 Let's Encrypt)。
• 国内云:在存储桶/CDN 的"证书"处申请或上传免费证书后开启 HTTPS;部分平台提供免费 DV 证书可直接申请。

只要看到地址栏有小锁 🔒、且访问 http:// 会自动跳到 https://,就说明配置成功。

⑨ 部署常见问题