用一条指令从 ChatGPT 或 Claude 发布多文件网站

让 AI 发布整个项目，而不只是一个文件。 自 2026 年 10 月起，Hostilo 连接器可以接收一组文件：index.html、CSS、JavaScript、SVG 标志和字体。它们在一次调用中一起上线，文件之间的链接会自动修正。

为什么多文件网站以前很麻烦

AI 应用喜欢像开发者一样拆分代码：index.html、css/style.css、js/app.js，再加上 img/ 里的标志。在大多数托管服务上，你只有两个选择：手动把所有内容合并成一个文件，或者逐个上传文件并检查每条路径。只要一条路径写错，页面就会失去样式。

新变化：publish_files 工具

Hostilo 的 MCP 连接器新增了 publish_files 工具。AI 一次发送所有文件，Hostilo 会：

• 把 index.html 发布为你的页面，并在历史记录中保留上一版本；
• 把其他文件按原文件夹结构放入 assets/（assets/css/style.css、assets/img/logo.svg）；
• 改写 index.html 中的相对链接，href="css/style.css" 会变成 href="assets/css/style.css"；
• 外部链接、锚点和 mailto: 保持不变。

AI 只需写普通的相对路径，不需要了解 assets/ 文件夹。

操作步骤

为我的面包店做一个落地页，分成多个文件：index.html、
css/style.css、js/menu.js，以及 img/logo.svg 中的 SVG 标志。
把它们全部发布到 Hostilo 上的 bakery-demo 网站。

AI 实际发送的内容

你不需要手动输入这些，但了解后台发生了什么会有帮助：

{
  "site": "bakery-demo",
  "files": [
    { "path": "index.html", "content": "<!DOCTYPE html><html>..." },
    { "path": "css/style.css", "content": "body { font-family: system-ui; }" },
    { "path": "img/logo.svg", "content": "<svg xmlns=..." },
    { "path": "fonts/brand.woff2", "content": "d09GMgABAAAA...", "encoding": "base64" }
  ]
}

文本文件以普通文本发送。字体或 PNG 图片等二进制文件以 base64 发送，并带上 "encoding": "base64"。

项目已经打包成 ZIP 了？

如果文件已经存在（模板、其他工具导出的文件或你自己压缩的文件夹），有两种方式：

• 编辑器：更多 → 导入 → 从 ZIP 文件导入项目。你会先看到预览：哪个文件成为页面、多少文件进入 assets/、哪些被跳过。
• 连接器：import_zip 工具接受公开链接（zip_url），例如 GitHub 压缩包，或以 base64 发送文件本身。

Hostilo 托管静态文件：HTML、CSS、JavaScript、图片和字体。React、Vue 或 Next.js 项目需要先构建，然后压缩输出文件夹（通常是 dist 或 build），而不是源代码。

面向开发者：REST API

这两种操作也可以使用控制台中的 hk_ API 密钥完成：

curl -X POST "https://hostilo.app/api?action=publish_files" \
  -H "Authorization: Bearer hk_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{"site_id":123,"files":[{"path":"index.html","content":"<h1>Hi</h1>"},{"path":"css/style.css","content":"h1{color:#3671E9}"}]}'

curl -X POST "https://hostilo.app/api?action=import_zip&site_id=123" \
  -H "Authorization: Bearer hk_YOUR_KEY" \
  -H "Content-Type: application/zip" --data-binary @site.zip

加上 dry_run 可以只获取报告而不做任何更改，clear_assets 会先清空 assets/。完整参考：hostilo.app/agents。

限制与安全

每次发布都会把之前的 index.html 保存在版本历史中（最近 10 个版本）。让 AI“恢复上一个版本”，或在编辑器中点击即可。assets/ 中路径相同的文件会被替换，其他文件保持不变。

常见问题

需要 Hostilo PRO 吗？

不需要。publish_files 和 import_zip 在免费套餐中可用，受其存储空间限制。

AI 会覆盖我现有的文件吗？

只有路径相同的文件会被替换。其他文件保持不变，除非你要求先清空 assets 文件夹。发布前可以先试运行（dry run）查看清单。

我的项目已经有一个 assets 文件夹，会有问题吗？

不会。已经以 assets/ 开头的路径不会再加第二个前缀，assets/css/style.css 仍然是 assets/css/style.css。

可以发布多个页面吗，比如 about.html？

可以。额外的页面会放入 assets/（例如 assets/about.html），index.html 中的链接会更新，指回 index.html 的链接也会被修正。

时间紧？请阅读 30 秒内从 Claude 或 ChatGPT 发布网站。