简而言之
- 以
file:///开头的地址在你的硬盘上。只有以https://开头的地址，别人才打得开。 - 让它给你一个把 CSS 和 JavaScript 都放在里面的
index.html。这是最容易发布的形式。 - 完全无需设置：在 pagelemon.com/drop 拖入文件或粘贴代码。
- 选一种发布方式，并确认以后修改网站时地址不会丢。
为什么文件只能在你的电脑上打开
当你双击一个 HTML 文件时，浏览器是直接从你的硬盘上打开它。这对你自己没问题。但只有当文件放在一台一直在线、能响应访问请求的电脑上，别人才能通过链接打开。这台电脑叫主机。把你的文件放上去就是发布，有时也叫部署。
好消息是：你的 AI 做的页面通常是静态网站。它只是一堆文件：HTML、CSS、JavaScript 和图片。静态网站是最容易托管的。你不需要服务器，也不需要数据库。
先在你的电脑上打开
发布之前，先确认文件能正常工作。只需一分钟。
- 把代码复制到纯文本文件里。如果 AI 在聊天里给你看的是代码，就把全部代码粘贴到文本编辑器里（Windows 用记事本，Mac 用纯文本模式的“文本编辑”）。如果它给了你下载文件，就跳过这一步。
- 保存为
index.html。确保文件名不是以.txt结尾。把它放进一个新建的空文件夹。 - 双击这个文件。它会在浏览器中打开。把整个页面滚动一遍，点一点每个链接和按钮，再把窗口缩窄，看看在手机上的样子。
- 记下有问题的地方。在聊天里告诉 AI，然后让它重新给你文件。
把文件从聊天里取出来
根据所用的 AI 不同，你的网站可能是下面几种形式之一：
- 聊天里的预览（Claude artifacts、ChatGPT canvas）。请让它给你一个可以下载的单个文件。
- 多个文件（一个页面、一个样式表、若干图片）。请让它把整个网站打成 .zip，并把
index.html放在最顶层，而不是放在另一个文件夹里。 - 项目文件夹，由 Claude Code、Codex 或 Cursor 等编程工具生成。如果它有构建步骤，要发布的是构建生成的那个文件夹，通常是
dist或build，而不是整个项目。
最简单的情况是一个文件。大多数主机把 index.html 当作首页，在 Page Lemon 上，任意名称的单个 .html 文件也可以。粘贴下面这句就行：
- 请把它做成一个 index.html，CSS 和 JavaScript 都放在里面。
修复图片和链接失效
在你电脑上看起来没问题的页面，上线后可能显示成空白框。常见原因如下：
- 图片不在文件夹里。把每张图片都放在
index.html旁边，或放在与之配套的子文件夹里，比如images。 - 路径指向了你自己的硬盘。
C:\Users\you\photo.jpg只存在于你的电脑上。请使用相对路径，比如images/photo.jpg。 - 大小写不一致。
Photo.JPG和photo.jpg在有些电脑上是同一个文件，在很多主机上却是不同的文件。请统一使用小写名称。 - 名称里有空格。请用
team-photo.jpg，而不是Team Photo.jpg。
- 所有图片都使用小写文件名和相对路径。
拿到真正链接的几种方法
这些方法都行得通。区别在于拿到链接的速度，以及之后修改网站有多方便。
1. 让你的 AI 来发布
有些 AI 可以用工具替你发布。Claude Code 和 Codex 这类编程工具可以直接上传文件。聊天应用往往无法从它们的沙盒连接互联网，所以只会递给你一个文件。
用 Page Lemon，你只需在同一个聊天里粘贴一行话。如果你的 AI 还不能发布，先连接它一次，再问一遍。
- 把我的网站发布到 PageLemon.com
2. 使用 AI 聊天里的分享按钮
Claude 为 artifacts 提供了“发布”按钮。根据 Anthropic 的帮助文章，它会在 Claude 自己的域名下生成一个公开链接。在 Free、Pro 和 Max 套餐中，任何拿到链接的人都能打开。在 Team 和 Enterprise 套餐中，链接只在你的组织内部共享。这很适合快速演示，但地址不是你自己的。请查看 Anthropic 的帮助页面了解当前规则。
3. 拖入文件或粘贴代码，无需设置
如果你的 AI 既不能发布也不能连接，比如 ChatGPT 免费版，请打开 pagelemon.com/drop。把文件拖到那里；在手机上没有文件时，粘贴 AI 给你的代码。几秒内就有链接，无需账号，也不用安装任何东西。之后要修改同一个网站，你需要一个能连接的 AI：拖入新文件会生成新的网址。
它们的对比
| AI 聊天里的分享链接 | 一般的即拖即用托管服务 | Page Lemon | |
|---|---|---|---|
| 拿到链接要多久 | 几秒钟 | 几分钟 | 用编程工具或 /drop 只需几秒；聊天应用需先花约 2 分钟连接 |
| 是否需要账号 | 需要，要有那个 AI 的账号 | 视情况而定 | 发布不需要；要保留则需要免费账号 |
| 地址 | 在该 AI 的域名下 | 视情况而定 | 一个 pagelemon.dev 地址，付费套餐可使用你自己的域名 |
| 之后在聊天里修改 | 在同一个聊天里 | 通常要重新上传 | 通过任何已连接的 AI，地址不变 |
| 版本历史 | 视情况而定 | 视情况而定 | Free 保留 7 天，付费套餐更久 |
前两列是一般规律，不同服务的细节有差别。请查看你所选服务的最新条款。
你自己的域名
像 www.yourcafe.co.uk 这样的地址，印在菜单或名片上更好看。在 Page Lemon 上，自己的域名包含在付费套餐中（Prompter 每月 $6，含 3 个域名）。域名要从域名公司购买，并每年向它们付费。Page Lemon 不出售域名。具体做法在这里。
- 帮我为我的咖啡馆找一个域名
不只想今天，也想想下周
拿到一次链接很容易。更难的是下周，当你想改营业时间或加一个页面时。问问自己：
- 修改之后地址还是原来的吗？如果每次编辑都会得到新链接，你每次都得重新分享。
- AI 能帮你修改吗？做网站的那个对话可能已经没了。新对话或换一个 AI，需要有办法读取当前网站并更新它。
- 改坏了能撤销吗？有版本历史，出错只花一分钟，而不是一个下午。
- 免费网站能保留多久？有些不注册就会过期。只要你事先知道，这也没问题。
在 Page Lemon 上，不用账号发布的网站会在线保留 72 小时。免费账号最多保留 3 个网站，带一个小小的 Page Lemon 标识。编辑后地址不变，每次改动都会保存为一个可以回退的版本。
常见错误
- 把密钥一并发布出去。如果你的 AI 把 API 密钥放进了页面，页面一上线，所有人都能读到它。静态网站无法保守秘密。请看哪些内容会被公开。
- 发布了整个项目。只上传做好的网站，不要上传源代码文件夹、笔记或
.env文件。 - 以为表单会给你发邮件。普通网页自己无法发送邮件。在依赖表单之前，先问问你的 AI，表单消息会怎样送达。
- 分享
file:///地址。它对别人永远不起作用。
常见问题
为什么页面在我这里正常，朋友那里却不行？
因为你是从自己的硬盘打开的，而你的朋友没有那个文件。把它发布出去，然后发送 https:// 链接。
我可以直接把文件用邮件发出去吗？
可以，但很多邮件程序会对 .html 附件发出警告，而且对方得自己保存再打开。链接对他们和你都更方便。
我需要会写代码吗？
不用。你需要的是这些文件，以及把它们放上线的办法。其余的都可以交给你的 AI，包括之后的修改。
如果我有很多文件和文件夹怎么办？
让它给你一个 .zip，把 index.html 放在最顶层，图片放在同一文件夹或子文件夹里。如果网站不大，也可以让 AI 把所有内容放进一个 index.html。
试用要花多少钱？
在 Page Lemon 上发布是免费的，也不需要账号。没有账号的话，网站会在线保留 72 小时。