上传网站并生成预览
静态托管可以直接托管 HTML、CSS、图片和浏览器 JavaScript,适合作品集、产品演示和活动页面。先在浏览器里检查文件,再生成可分享的预览链接;长期使用请发布到自己的域名。
1. 准备好网页文件
可以上传以下任一种内容:
| 手头的内容 | 上传方法 |
|---|---|
| 一个独立的 HTML 文件 | 点击「选择文件」 |
| HTML、样式、图片等多个文件 | 点击「选择文件夹」,选择网站输出目录 |
| 打包好的 ZIP | 点击「选择文件」,上传 ZIP |
| AI 生成的一整段 HTML | 切换到「粘贴代码」 |
| 暂时没有网页 | 切换到「示例」,先试一次 |
多个文件应保留相对路径,网站根目录要有非空的 index.html:
website/
├── index.html
├── style.css
└── images/
└── cover.jpg
打开所选目录时,应直接看到 index.html。制作 ZIP 时,建议选中输出目录里面的文件和子目录来压缩,让 ZIP 第一层直接出现 index.html,避免多余的 dist/ 或 website/ 外层。
框架项目请上传构建或静态导出后的目录,例如 dist 或 out,不要上传含 package.json、src、node_modules 的项目源码。Node.js、PHP、Python 服务和数据库需要单独部署。
没有现成文件时,可以下载本文的示例 HTML,保存为 index.html 后上传。Stillform 是一个虚构的英文设计工作室,包含原创主视觉、作品展示、可展开的项目介绍和联系区域。字体、插图和样式都包含在一个文件中,无需外部资源或后端;联系邮箱使用保留示例域名 example.com。
2. 导入并检查本地预览
打开静态托管上传页,选择文件,或直接把文件拖入上传区域。选择和本地检查不需要登录。
截图中的账号区域已遮蔽,点击图片可查看大图。
导入成功后,左侧显示页面,右侧显示文件名、文件数量和大小。可以切换「桌面」「手机」检查布局;单个 HTML 还可以点「编辑代码」修改。
本地预览只检查静态效果。它禁用脚本和网络请求,因此依赖 JavaScript 的按钮、远程字体、外部图片或接口可能暂时不起作用。完整交互要在下一步生成的共享链接中验证。
3. 生成可分享的链接
- 可选:填写「临时预览名称」。留空会自动生成,填写后仍需检查是否可用。
- 点击「生成预览链接」。如未登录,按提示登录 NamesLink。
- 生成链接会通过临时预览分享所选文件;若页面还要求其他确认,按当次提示完成。
- 等待链接生成,打开链接,检查图片、样式、页面跳转和交互,再分享给他人。长期使用可点「发布网站」继续选择域名。
新建临时预览通常有效 3 小时,以页面返回的截止时间为准。临时链接不是长期网站;正式使用需要单独绑定域名并发布。请把临时预览按公开链接处理:拿到链接的人可以访问,搜索索引限制不能用于保密,不要上传未公开资料或凭证。
上传限制和下一步
当前网页上传最多 1,000 个文件,总计 25 MiB;ZIP 还会检查解压后的文件。以页面当次提示为准,CLI 则以账号返回的能力限制为准。
- 上传后出现错误:导入和预览问题。
- 需要长期访问:发布、更新和恢复版本。
- 想从终端或 AI 助手操作:用 CLI 发布静态网站。


