如何把 HTML 文件放到网上(最简单的方法)

你的电脑上有一个 HTML 文件。它在浏览器里打开没问题,但地址栏显示的是 file:///Users/you/index.html —— 别人根本看不到。本指南教你把这个文件变成一个拥有真实网址的真正网站。

你真正需要的东西

网站本质上就是一台永远在线的计算机所提供的一堆文件。要发布一个 HTML 文件,你只需要三样东西:

  • 存放文件的地方 —— 也就是托管服务。
  • 一个地址 —— 别人可以输入访问的域名或子域名。
  • HTTPS —— 浏览器会把纯 HTTP 网站标记为"不安全"。

不需要自己的服务器、数据库或框架。对一个静态页面来说,这些都是杀鸡用牛刀。

方案一:单文件托管(最快)

有一类服务就是专门干这件事的:上传一个 index.html,立刻得到一个可访问的网址。hdply 就是其中之一:用邮箱注册,上传文件,就能得到类似 my-site.hdply.com 的地址。上传完成的那一秒页面就已上线,自带 HTTPS,之后还可以直接在浏览器里编辑 HTML。没有任何构建步骤 —— 你写的文件会一字不差地原样发布。

如果你只有一个页面 —— 作品集、落地页、演示、邀请函 —— 并且希望一分钟内上线,这就是正确的选择。

方案二:基于 Git 的平台

GitHub Pages、Netlify 和 Vercel 从 Git 仓库部署你的网站。它们非常适合持续迭代的项目:推送一次提交,网站就会更新。代价是前期配置 —— 你需要一个 Git 仓库、一个与之关联的账号,以及首次部署前的一些设置。如果你本来就不用 Git,为了一个文件走这一套流程实在太繁琐。

方案三:云存储桶

AWS S3、Google Cloud Storage 等服务也能托管静态文件。它们功能强大,规模化后成本很低,但存储桶策略、CDN 分发和 TLS 证书都要你自己配置。对于常年泡在云生态里的工程师来说合理;对于一个页面来说太重了。

手把手教程:一分钟从文件到网址

  1. app.hdply.com/signup 免费注册 —— 只需邮箱加一个验证码。
  2. 上传你的 index.html(或者把代码直接粘贴到编辑器里)。
  3. 完成 —— 你会得到一个立即可访问的网址。

之后想改内容?打开内置编辑器,改好 HTML,点保存。更新即刻生效。

常见问题

我的页面能用 CSS 和 JavaScript 吗?可以 —— 把它们内联到 HTML 文件里,或者引用外部链接。一个自包含的单文件是最容易管理的。

需要买域名吗?不需要。起步阶段用免费子域名完全够用;等项目做大了,随时可以绑定自定义域名。

从桌面上的文件到在线URL,不到一分钟。

部署你的第一个页面