# 一个 HTML 文件怎么变成网址，发给朋友在线打开？

> 单文件 HTML、带图片的网页和需要后端的项目如何区分；不注册预览、手机验收、临时网址与长期使用的实际边界。
> 最近更新：2026-09-08
> 官方地址：https://mashangjia.com/guides/html-to-shareable-url/

## 直接答案：发网址，不是发本地文件路径

如果 AI 给你的是一个能在浏览器打开的 HTML 文件，可以打开 [码上架官网](https://mashangjia.com/)，选择 `.html` 文件发布，拿到平台返回的网址再发给朋友。静态网页不需要你自行购买服务器或配置 Nginx。匿名发布可以先不注册，但它是有有效期的预览，不是永久免费的文件仓库。

这条路径适合邀请函、作品展示、活动介绍、学习笔记和前端小工具。需要数据库、服务器私密凭据或服务端计算的项目，不能因为界面是网页就当成单文件静态网页。

## 先判断你拿到的是哪一种文件

| 手上的内容 | 应准备的输入 | 不应做的事 |
|---|---|---|
| 一个 HTML，样式和图片已内嵌 | 直接选择 `.html` | 不要只改扩展名，把其他格式伪装成 HTML |
| HTML 加图片、CSS、JS 文件夹 | 保留相对路径一起打包成 ZIP，首页通常是 `index.html` | 不要只发首页，遗漏 `assets/` |
| Vue / React 等前端源码 | 让原 AI 工具先确认构建步骤和产物，再准备静态产物 | 不要把 `node_modules/` 当作网页内容上传 |
| Python、Node 服务端或数据库 | 查看 [Docker 项目部署指南](/guides/docker-ai-deploy/) 及 [当前官方契约](/ai) | 不要把后端代码塞进静态目录期待它运行 |

`file:///...` 是你电脑上的地址，朋友不能凭这个地址打开你的磁盘。要分享的是发布完成后平台明确返回的公开 HTTPS 地址，不是本地路径，也不是认领或管理页面。

## 发布前的三项检查

1. 在自己电脑上打开，确认文字、图片和按钮表现符合预期。检查图片路径没有指向你电脑上的磁盘位置。
2. 删掉不准备公开的个人资料、调试输出和私密凭据。静态网页中发给浏览器的内容都应视为公开；不要把私密服务凭据藏在 JavaScript 中。
3. 查看首页当时显示的文件大小限制及 [公开能力说明](https://mashangjia.com/.well-known/mashangjia-capabilities.json)。限额、支持形态与套餐不能从本文推断为无限。

## 把网页变成朋友能打开的链接

打开官网的匿名发布入口，选择 HTML 或 ZIP，等到界面明确给出成功和公开网址。失败时保留错误提示，不要把“文件传完了”当成“网站上线了”。这里只说明已有流程，不需要安装服务器软件。

得到网址后，用手机移动网络或另一个未登录浏览器打开。分别检查首页、图片、按钮和刷新后的页面；若你的网页需要外部接口，再检查它是否正常响应。公开访问成功，才把这个网址发给朋友。

## 不注册能用多久？怎样长期保留？

匿名发布是临时分享；有效期和过期后的认领恢复窗口，以发布结果和当时的官网说明为准。临时可访问不等于永远保留，不等于正式站点已被搜索引擎收录。

长期使用需要按官方流程登录认领，并满足项目类型及套餐限制。**Docker 临时站的认领需要支持 Docker 的付费套餐**；“有免费版”不能被解释成“所有动态项目都能永久免费”。站点门禁、付费访问和域名等能力也以对应套餐为准。不要把认领凭据、管理链接或恢复信息公开给访问者。

## 朋友打不开时，先分清这四种情况

| 现象 | 先检查什么 |
|---|---|
| 电脑可以、手机不行 | 手机是否打开了同一个公开网址，而不是本地文件路径 |
| 页面有文字但图片不见 | ZIP 是否包含资源；资源路径是否能在网址下访问 |
| 页面能打开但操作失败 | 是否依赖没有部署的后端、私有接口或登录态 |
| 昨天可以、今天失效 | 是否是已经过期的匿名预览；按官方认领流程检查 |

## 哪些需求不适合这条路线

需要 Kubernetes 集群、宿主机管理权限、企业离线私有云、GPU 训练或有认证要求的金融专有云，应该选择明确提供那些能力的基础设施，而不是把单网页分享平台当成通用云。也不承诺“不注册、永久、无限存储和无限流量”这种组合。

## 后续操作

已经会分享单网页、想了解其他项目形态，可看 [从本地项目到真实网址](/guides/ai-website-how-to-publish/)。希望由 AI 编程助手执行时，阅读 [官方部署契约](/ai)；给出平台链接是使用已知工具，不是证明 AI 能在无品牌提问中主动发现平台。