跳到正文
平台

网页项目

静态网站(HTML/CSS/JS),可在测试服务器上实时预览;需求中该写什么,以及如何托管结果。

更新于

本页内容
  1. 文件如何组织
  2. 在测试服务器上预览
  3. 需求中该写什么
  4. 验证
  5. 托管

Codexe 可以用 HTML、CSS 和 JavaScript 生成静态网站:一个完整的网站,可以上传到任何静态托管服务。没有什么需要编译。

#文件如何组织

Codexe 会像开发者那样编写网站:index.html(每多一个页面就多一个 HTML 文件)只包含标记,css/style.css 包含所有样式,js/main.js 包含所有脚本,它们之间用相对路径链接,所以无论你把文件夹上传到哪里都能正常工作。

#在测试服务器上预览

在项目页面中打开预览,网站就会在 Codexe 测试服务器上运行,像在真正的托管服务上一样逐个文件地提供:

  • 每个页面、样式表、脚本和图片都从各自的文件加载,页面之间的链接也能正常使用;
  • 每次 AI 修改之后,以及你手动编辑文件几秒后,预览都会自动重新加载;
  • “预览”旁边的按钮会在新标签页中打开同一个网站。

网站在与你的 Codexe 账号隔离的环境中运行:它的脚本看不到你的会话,也看不到你的其他项目。

#需求中该写什么

  • 用途和受众(“一个 Minecraft 服务器的落地页”、“一位 3D 艺术家的作品集”)。
  • 版块或页面,以及每个部分包含什么。
  • 风格:颜色、字体、深色还是浅色、参考对象(“极简,像 SaaS 落地页那样”)。
  • 你手头有的真实内容(名称、价格、链接)。否则 AI 会写一些看似合理的占位内容,你之后需要替换掉。
  • 行为:表单、菜单、动画,以及表单是否真的要发送到某个地方。

#验证

网站没有什么需要构建;已就绪表示生成已完成(参见项目生命周期)。请在预览中检查。

#托管

ZIP(下载)就是一个普通的静态网站。任何能提供静态文件的地方都可以托管它。

网页项目 | Codexe Docs