如何发布 HTML 应用
使用 GemiGo 发布 HTML 应用:粘贴代码、发布应用、检查公开链接,并在内容变化后更新应用。
需要准备什么?
准备可以在浏览器运行的 HTML。单个 HTML 页面适合发布互动练习、游戏、计算器或演示。如果依赖独立的本地资源文件,建议将文件一起打包为 ZIP。
1. 粘贴 HTML
打开「发布应用」,选择 HTML,粘贴代码。按发布流程提示登录。发布前检查外部脚本和 API 调用,确认它们适合公开运行。
2. 发布并检查结果
开始发布,查看部署状态。成功后在新标签页打开生成的网站,检查按钮、图片和手机布局。上传成功不代表所有外部依赖都正常。
3. 分享或更新
将生成的链接分享给使用者。需要修改时,从仪表板打开项目设置并重新部署。公开展示是独立设置;即使未在探索页列出,持有部署链接的人仍能访问。
发布后页面出错怎么办?
检查浏览器报错、缺失资源和外部 API。本地文件路径不会自动变为公网地址。不要将私有 API Key 放进 HTML 或前端 JavaScript。发布失败时,在项目设置查看最近发布结果并修正问题。
动手试一次:加法练习
这个示例由 GemiGo 编写,可离线运行,包含检查答案和换题功能,不调用外部接口。先在浏览器试用,再下载并通过相应发布入口上传。它是练习发布流程的示例,不承诺学习效果。
如何复制与发布这份 HTML?
下载后用文本编辑器打开 addition.html,复制从 <!doctype html> 到 </html> 的全部内容,粘贴到 HTML 发布输入。示例的样式与脚本已经放在文件中。发布成功后,输入 5 并点击「检查」,应显示「答对了」;点击「换一道题」会更新算式。
图片、样式或脚本加载不出来?
先直接打开资源的网址。如果返回 404,检查压缩包中的目录与引用路径;C:\、/Users/ 和 file:// 都是电脑本地路径,不能作为发布后的图片地址。没有 404 但页面空白时,查看浏览器控制台:外部 API 可能拒绝跨域请求,或网络请求需要登录。上传前删除私有凭据。
React、Vite 等源码要怎么打包?
已构建网站:先在本地执行项目的构建命令,将输出目录中的文件打包,例如把 dist/ 里面的 index.html 和 assets/ 放到 ZIP 根目录。源码发布:包含 package.json、依赖声明、源码和所需配置,由受支持的构建流程生成静态输出。构建成功但深层链接打不开时,检查应用路由和资源基础路径。