全部文章

在线 HTML 编辑器：搜索、ZIP 导入、文件夹和版本历史

不是所有修改都需要 AI 提示词。 有时你只想改一个电话号码、换一个标志，或修正第 840 行的错别字。Hostilo 控制台里的编辑器现在有了这些工具：查找和替换、ZIP 项目导入、按文件夹管理文件，以及一键恢复的版本历史。

在代码中查找和替换

AI 生成的页面很容易就有 1000 行。不用来回滚动，按 Ctrl+F（或点击工具栏上的放大镜）即可。匹配结果会在代码和滚动条上高亮显示。

需要更精确？在两个斜杠之间输入正则表达式，例如 /tel:\+?[0-9 ]+/ 会找出所有电话链接。

从 ZIP 导入整个项目

你的网站来自其他工具，或者 AI 给了你一个包含 index.html、CSS、JS 和图片的文件夹？把它打包成 ZIP，选择导入 → 从 ZIP 文件导入项目，其余交给 Hostilo：

my-site.zip
  index.html
  css/style.css
  img/logo.png

在 Hostilo 上：
  index.html            (你的页面)
  assets/css/style.css
  assets/img/logo.png

<link href="css/style.css">  ->  <link href="assets/css/style.css">

• index.html 成为你的页面，旧版本保留在历史记录中。
• 其他文件放入 assets/，并保留原有文件夹结构。
• index.html 中的路径会自动修正，样式和图片立即可用。
• 如果所有内容都在一个文件夹里（my-site/index.html），这一层文件夹会被去掉。
• 导入前会显示摘要：文件数量、大小，以及哪些现有文件会被覆盖。你也可以先清空 assets/。
• 限制：ZIP 最大 20 MB，最多 300 个文件，单个文件最大 10 MB。隐藏文件和不安全的路径会被跳过。

反过来也可以：下载 .ZIP 会给你包含所有文件的完整网站。在电脑上修改后再导入回来。

按文件夹管理文件

• 导入后，文件列表会显示可展开和折叠的文件夹（css、img、js）。
• 筛选框可以按名称一秒找到文件。
• 新文件可以直接上传到你选择的文件夹。
• 点击文件可复制其路径，或插入到光标所在位置（图片会变成现成的 <img> 标签）。

版本历史

每次保存都会保留上一个版本。点击历史记录即可查看列表并恢复任意版本。

• Hostilo 为每个页面保留最近 10 个版本。
• 恢复之前，当前代码也会保存为一个版本，所以不会丢失任何内容。
• 通过 AI 发布（MCP）、ZIP 导入和模板创建页面时也会生成版本。
• 如果你因 15 分钟无操作而被登出，下次打开编辑器时会提示恢复未保存的修改。

其他实用按钮

• 格式化整理缩进，压缩删除空行。
• 复制把全部代码放到剪贴板，例如粘贴到 ChatGPT 或 Claude。
• 从 URL 导入获取公开演示页面的 HTML，加载打开你电脑上的 .html 文件。

常见问题

这些功能免费吗？

免费。查找、ZIP 导入、文件夹和历史记录在免费套餐中都可使用。PRO 增加自定义域名、更多空间和更长时间的统计。

可以导入哪些类型的文件？

HTML、CSS、JavaScript、图片（包括 SVG 和 WebP）、字体（woff、woff2、ttf、otf）以及常见的文本和数据文件。其他类型会被跳过并在摘要中列出。

导入会删除我现有的文件吗？

不会，除非你勾选了导入前清空 assets 的选项。同名文件会被覆盖，确认前摘要会告诉你数量。

可以恢复多少个旧版本？

每个页面最近的 10 个版本。更早的版本会自动删除。

正在用 AI 建站？请阅读如何用一条提示从 ChatGPT 或 Claude 发布多文件网站。