指南

"怎么把这个 HTML 文件放到网上?"——简短实用的答案都在这里

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

你写好了一个 index.html —— 接下来呢?从最简单到最专业,把 HTML 文件发布到互联网上的每一种方法,全部用大白话讲清楚。

2026 年免费 HTML 托管:5 个方案对比

GitHub Pages、Netlify、Vercel、S3 还是单文件托管?免费托管 HTML 的几种方式实话实说地对比一遍,看看哪个最适合你。

不用服务器也能部署网站:静态托管详解

把网站放到网上,其实不需要 VPS、Node.js 或 nginx。什么是静态托管、什么情况下它就够用,以及如何零基础设施部署 HTML。

如何发布 ChatGPT 或 Claude 生成的 HTML 网页

AI 帮你写好了整个网页 —— 现在把它放到网上。如何在一分钟左右把 ChatGPT、Claude 或 Gemini 生成的 HTML 变成一个拥有真实网址的在线网站。

如何把 HTML 文件变成链接分享给别人

用邮件发 .html 附件,效果往往不如预期。分享 HTML 页面最可靠的方式是一个网址 —— 一分钟内就能拿到,方法在这里。

简单网站的 GitHub Pages 替代方案(无需 Git)

GitHub Pages 很棒 —— 直到你只想把一个页面放上网,却要面对仓库、分支和构建设置。更简单的替代方案,实话实说地对比一遍。

Netlify Drop 替代方案:不用"认领"的拖放式托管

Netlify Drop 是拖文件夹即部署的鼻祖,至今仍是好产品。它对单个页面来说哪里别扭——账号认领、匿名站点的密码、必须是文件夹——以及可以改用什么。

Tiiny Host 替代方案:价格、免费额度与 API 对比

Tiiny Host 让"上传文件、得到链接"变得普及。如果免费 3 MB、1 个项目的限制或 $9/月的起步价不适合你,这里有替代方案——附数字,以及 Tiiny 仍然更好的情况。

个人页面的 Neocities 替代方案(以及什么时候该留下)

Neocities 是手工个人网站最友好的家,既是托管也是社区。如果你想要一个不出现在社区目录里的页面,或者不用账号一分钟内得到链接,这里是替代方案的比较。

单个 HTML 文件的 Vercel 替代方案(无框架、无 Git)

Vercel 是托管 Next.js 应用的最佳去处。对一个手写的 HTML 页面来说,它的机制太多:账号、仓库或 CLI,以及排除商业用途的 Hobby 套餐。可以改用什么,以及 Vercel 仍然合适的情况。

如何把 Claude 的 artifact 托管到自己的链接

Claude 可以发布 artifact,但那个链接是你选不了的 claude.ai 地址,Team 和 Enterprise 账号根本不能公开发布,而且取消发布是永久的。如何把同一份 HTML 放到你掌控的链接上,大约一分钟。

更多指南(英文)

How to Track Visitors on a Static HTML Page

A static page keeps no logs you can read — so how do you know if anyone visited? Server-side counting, privacy-friendly analytics and Google Analytics, compared honestly.

How to Add a Contact Form to a Static HTML Page (No Backend)

Static pages can't process form submissions on their own — but you don't need a server to collect messages. Four approaches, working code, and how to stop the spam.

How to Make Your Link Look Good When Shared (OG Images)

When you paste your URL into a chat and it shows a blank box, Open Graph tags are missing. The four tags that matter, the image rules, and how to test before sharing.

How to Add a Favicon to Your HTML Page

The tiny icon in the browser tab. How to make one, the three lines that cover every device, and how to add it when your host serves only a single file.

How to Make a Single HTML Page Mobile-Friendly

Your page looks fine on a laptop and cramped on a phone. The handful of changes that fix it — starting with one meta tag most pages forget.

How to Build and Publish a One-Page Portfolio in HTML

You do not need a website builder or a framework to have a portfolio online. How to structure a single HTML file into a clean personal site, and put it live in minutes.

The Meta Tags Every HTML Page Should Have

Beyond the visible content, a few tags decide how your page appears in search results and shared links. The short list worth adding, and the ones you can ignore.

How to Redirect One Web Page to Another

You moved a page, or you want a short link pointing elsewhere. Every way to redirect — from a one-line meta tag to a proper 301 — and when each is the right choice.

How Static Hosting Works (and When One HTML File Is Enough)

What a static site is, why a single self-contained HTML file covers more than you expect, what a static host does for you, and the cases where static hosting is the wrong tool.