HTML 文件如何发布成网页链接

将本地 HTML 文件发布成可分享的网页链接:直接导入 .html 文件或粘贴代码,在 GemiGo 发布并检查线上页面,无需 GitHub 仓库。

怎样把本地 HTML 文件变成在线链接?

打开「发布应用」,选择 HTML,点击「导入 .html 文件」并选择本地文件,也可以直接粘贴 HTML 代码。按提示登录并发布;部署成功后打开生成的网址,检查页面再分享。这条发布路径不需要 GitHub 仓库。

1. 导入 HTML 文件或粘贴代码

点击「导入 .html 文件」选择你的 .html 文件,文件内容会出现在 HTML 输入框中,可以在发布前检查和修改。已有代码也可以直接粘贴。检查外部脚本和 API 调用,不要在浏览器代码中放私有密钥。

2. 发布并检查结果

开始发布,查看部署状态。成功后在新标签页打开生成的网站,检查按钮、图片和手机布局。上传成功不代表所有外部依赖都正常。

3. 分享或更新

将生成的链接分享给使用者。需要修改时,从仪表板打开项目设置并重新部署。公开展示是独立设置;即使未在探索页列出,持有部署链接的人仍能访问。

HTML 中的 CSS、JavaScript 和图片能一起发布吗?

写在 style 标签中的 CSS 和 script 标签中的 JavaScript 会随单个 HTML 文件一起发布;独立的本地图片、样式和脚本不会随它自动导入,需要将相关文件一起打包为 ZIP。本地文件路径不能作为公开图片地址。分享前检查线上页面和外部 API。

动手试一次:加法练习

这个示例由 GemiGo 编写,可离线运行,包含检查答案和换题功能,不调用外部接口。先在浏览器试用,再下载并通过相应发布入口上传。它是练习发布流程的示例,不承诺学习效果。

如何导入并发布这份 HTML?

下载 addition.html 后,打开「发布应用」的 HTML 入口,点击「导入 .html 文件」并选择该文件,代码会出现在输入框中。也可以用文本编辑器打开文件后复制全部代码并粘贴。示例的样式与脚本已经放在文件中。发布成功后,输入 5 并点击「检查」,应显示「答对了」;点击「换一道题」会更新算式。

图片、样式或脚本加载不出来?

先直接打开资源的网址。如果返回 404,检查压缩包中的目录与引用路径;C:\、/Users/ 和 file:// 都是电脑本地路径,不能作为发布后的图片地址。没有 404 但页面空白时,查看浏览器控制台:外部 API 可能拒绝跨域请求,或网络请求需要登录。上传前删除私有凭据。

React、Vite 等源码要怎么打包?

已构建网站:先在本地执行项目的构建命令,将输出目录中的文件打包,例如把 dist/ 里面的 index.html 和 assets/ 放到 ZIP 根目录。源码发布:包含 package.json、依赖声明、源码和所需配置,由受支持的构建流程生成静态输出。构建成功但深层链接打不开时,检查应用路由和资源基础路径。

隐私政策 · 使用规范