处理图片、CSS 和 JS 资源

先判断你手里是什么文件

• 只有一个 HTML：CSS、JS 已写在文件内，或使用可访问的 HTTPS 地址，可以直接 创建页面。
• 多个页面或资源文件：有 images、assets、CSS、JS 等目录，使用 站点发布，上传 ZIP 或选择文件夹。
• React、Vue、Vite 工程：先生成静态构建产物，再上传产物目录。不要把工程源码当作可直接运行的网页。

本地图片怎样处理

单独上传 HTML 时，src="images/photo.png" 不会把电脑里的图片带上去。可以用 图片转链接 上传图片，然后把代码中的路径替换成返回的 HTTPS 地址。

也可以在编辑器的图片资源面板中补充图片，检查匹配和替换结果。如果图片较多，建议把 HTML 和图片一起作为多文件站点发布，保留相对路径。

CSS 和 JavaScript 怎样处理

单 HTML 中，简单样式和脚本可分别放入 <style> 与 <script>。已有多个文件时，直接发布完整静态站点通常更合适，不必逐个内联。

<!-- 单 HTML：样式写进文件 -->
<style>
  body { margin: 0; font-family: sans-serif; }
</style>

<!-- 多文件站点：一起上传 app.css -->
<link rel="stylesheet" href="./assets/app.css">

公网 CSS、JS 地址还取决于第三方服务是否可用。不要认为“换一个 CDN”就一定能修复；如果项目已有构建后的资源，把它们一起上传更便于维护。

文件都上传了，为什么仍然找不到

• 路径和文件名大小写要一致，例如 Logo.png 与 logo.png 不应混用。
• 不要引用电脑盘符、file:、localhost 或未部署的接口。
• CSS 中图片路径通常相对于 CSS 文件自身，不能只移动 CSS、不检查它引用的图片和字体。
• 工程应上传构建产物中的完整资源目录；不要只取出 dist 中的 index.html。

怎样让 AI 帮你修改

把 HTML 以及它实际依赖的 CSS、JS 文件一起提供，说明你选的是单 HTML 还是多文件站点。只给一个引用外部文件的 HTML，AI 无法知道你本地文件的真实内容。

请检查这个页面发布后的资源路径。
我使用的是 html2.link 的【单 HTML 页面 / 多文件静态站点】。
请找出本地路径、缺失文件和没有部署的接口。
保留已有功能，修复后提供完整文件，并告诉我应上传哪些文件。
不要虚构资源内容或接口地址。

发布后怎样验证

使用正式链接分别检查图片、样式、按钮和页面跳转。单页正常不代表所有子页面正常；代码预览正确也不代表云端保存已经接通。无法定位时，参考 常见问题排查。