从文件夹部署 HTML 网站
不用先配置服务器
把完成的 HTML、CSS 和 JavaScript 项目上传上来,取得支持 HTTPS、全球边缘网络、预览和自定义域名的真实网址。
纯 HTML 很单纯,发布也应该保持单纯。
静态网站不等于临时文件
手写页面、课堂作品、prototype、简历网站、导出文件或 AI 生成 HTML 网站,都需要几件事做对:根目录文件、干净的资源路径、HTTPS、缓存、压缩,以及不用解释设置也能分享的网址。
不用框架仪式
如果项目已经有 index.html、CSS、JavaScript、图片和资源,你不该只是为了展示页面就先建 Git repo 或学构建流程。
为完成的文件夹设计
上传你原本会在本机打开的文件夹:index.html 在根目录、相对资源路径保留、子文件夹结构不变。
正式上线细节一起处理
DeployPages 会处理 HTTPS、全球边缘网络、压缩、稳定链接和自定义域名设置,让静态网站不像只是暂时文件分享。
最适合已完成的静态项目
当网站已经建好,只差干净发布时,就用这条路。
手写页面
直接用 HTML、CSS 和 JavaScript 写的营销页、课堂作业、小型商业页、个人首页和实验作品。
导出的网站文件夹
从设计工具、文件生成器、AI 建站工具、no-code 工具或构建流程导出的静态 HTML 文件。
可分享的预览
客户审核、作品集、demo、简历链接和一次性页面。传公开链接通常比传 ZIP 文件更清楚。
上传前先检查
多数坏掉的静态部署,问题不在托管平台,而在文件夹结构。
把 index.html 放在根目录
首页文件应命名为 index.html,这样主网址才能直接解析,不需要额外文件名。
上传输出文件夹
选择包含最终 HTML、CSS、JS、图片、字体和资源的文件夹。对 build 工具来说,通常是 dist、build、out 或 public。
使用相对资源路径
./styles.css、/assets/logo.png 或 assets/app.js 这类引用,必须符合你上传的文件夹结构。
先在本机打开子页
如果网站有 about/index.html 或 docs/getting-started.html,先在上传前打开那些路径,早点抓到缺文件问题。
三步骤部署 HTML 项目
整理公开文件夹
把最终 HTML、CSS、JavaScript、图片、字体和资源放在同一个文件夹,确认 index.html 位于根目录。
上传整个网站
把文件夹拖进 DeployPages。保留子文件夹,让样式、脚本、图片和页面照原路径解析。
分享或接上域名
立即使用预览网址。页面准备好承接公开流量时,再接自定义域名和 HTTPS。
上传后会发生什么
文件树会变成网址结构。网站确认没问题后,再接成正式域名。
立即取得预览网址
用生成的网址在真实浏览器测试页面、传给队友,或先检查静态导出结果,再接域名。
子文件夹维持可访问
/docs/index.html 这类文件夹会变成干净的 /docs 路径,/assets/app.js 也会保持供页面引用。
准备好再接自定义域名
之后加入自己的域名,把 DNS 指向系统提供的目标,HTTPS 会作为设置流程的一部分处理。
如果部署后页面看起来坏掉
首页返回 404
确认 index.html 在上传文件夹的根目录,而不是多包了一层文件夹。
CSS 或图片没有加载
检查资源路径。从本机文件开得起来,不代表上线后路径也会正确。
只有一个页面能开
确认子页文件夹和链接到的 HTML 文件都有一起上传。
JavaScript 行为不同
查看浏览器 console、mixed-content warning、module 路径,以及任何假设 file:// 环境的代码。
HTML 托管常见问题
Q:静态 HTML 网站有免费套餐吗?
有。静态 HTML 项目可以从免费套餐开始,足够用在轻量个人网站、简历网站、简单营销页和 prototype。
Q:首页文件一定要叫 index.html 吗?
是。使用 index.html 可以符合静态网站解析根目录首页文件的方式。
Q:可以使用嵌套文件夹和子页吗?
可以。如果项目包含 about/index.html 这类路径,DeployPages 会保留结构,让对应网址可访问。
Q:部署纯 HTML 网站需要 GitHub 吗?
不需要。Git 型发布很适合持续开发,但完成的静态文件夹可以直接上传。
Q:可以部署 AI 工具生成的网站吗?
可以,只要输出是静态 HTML、CSS、JavaScript 和资源文件。像手写项目一样上传生成的文件夹即可。
Q:可以用这种方式托管 PHP、WordPress 或数据库 App 吗?
不行。这里是给浏览器可直接读取的静态文件。需要服务器渲染、PHP、数据库或后端 API 的项目,需要其他 runtime。
Q:可以用 CLI 或 API 自动部署吗?
可以。DeployPages 支持脚本化部署,团队不想手动拖放时,可以把静态发布接到 CI 流程。
Q:之后可以接自己的域名吗?
可以。部署后在 Console 加入域名,并把 DNS 指向提供的目标。记录解析后,HTTPS 会自动设置。