SHITHON
被选中收录后，你需要准备以下材料发给我们。
无论什么类型的作品，都需要提供以下信息：
你的作品叫什么，例如「AI 俄罗斯方块」
你的抖音昵称，会展示在万神殿中
你的抖音主页 URL，点击作者名可跳转
一句话描述你的作品，例如「用 AI 生成俄罗斯方块的关卡」
作品的封面图，建议 16:9 或 4:3 比例，清晰美观
根据作品类型，还需要提供不同的内容：
你的 Web 应用已经上线，可以在线访问。
你只有前端代码，需要我们帮你部署。请打包成 ZIP 发给我们。
微信小程序等平台应用。
iOS / Android 原生应用。
桌面端应用（Windows / macOS / Linux）。
把以下信息整理成一段文本，连同封面图片和 ZIP 包（如果有），直接发给联系你的人即可。
作品名称：xxx
作者名（抖音 ID）：xxx
抖音主页链接：https://www.douyin.com/user/xxx
作品描述：一句话描述你的作品
作品类型：Web 应用（帮部署）/ Web 应用（已部署）/ 小程序 / APP / 客户端
访问链接或 ZIP 包：https://xxx.com 或 附件 xxx.zip
封面图片：附件 xxx.png整理好上述信息文本
附上封面图片
如需帮部署，附上 ZIP 包
发送给联系你的人
选择「Web 应用（帮部署）」时，请按以下要求打包 ZIP 文件。
ZIP 解压后第一层就是 index.html，不能嵌套在 dist/ 或 build/ 里。
HTML 中的 JS、CSS、图片等资源引用必须用 ./ 开头的相对路径，不能用 / 开头的绝对路径。
部署环境是纯静态文件服务，不支持 Node.js / Python 等后端。所有数据需要前端本地处理。
your-app.zip
├── index.html # 入口文件
├── assets/
│ ├── app.js # ./assets/app.js
│ ├── style.css # ./assets/style.css
│ └── logo.png # 相对路径
└── favicon.icoyour-app.zip
├── dist/ # ✗ 嵌套了目录
│ └── index.html
└── ...
# ✗ <script src="/assets/app.js">
# ✓ <script src="./assets/app.js">如果你使用构建工具，需要配置相对路径输出：
// vite.config.ts
export default defineConfig({
base: './', # 关键
build: {
outDir: '.',
}
})构建后直接把 index.html 和 assets/ 打包成 ZIP。
把下面这段提示词复制给你的 AI 编程助手（如 Trae、Cursor 等），让它帮你完成打包：
我需要把我的前端项目打包成 ZIP 文件，用于静态部署。
请帮我完成以下操作：
1. 检查构建配置，确保资源使用相对路径：
- Vite 项目：设置 base: './'
- Webpack 项目：设置 output.publicPath: './'
- 纯 HTML：确保所有资源引用都用 ./ 开头
2. 执行构建，把产物输出到一个干净的目录
3. 确保构建产物满足以下要求：
- 入口文件是 index.html，且在 ZIP 根目录
- 所有资源引用都是相对路径，以 ./ 开头
- 不能有以 / 开头的绝对路径引用
- 不能依赖后端服务（纯静态文件）
4. 把构建产物打包成 ZIP 文件，index.html 必须在 ZIP 的第一层
请先检查我的项目结构和构建配置，告诉我需要修改什么，然后帮我完成打包。打包完成后，检查 ZIP 内 index.html 是否在根目录即可。如果有问题，直接把 ZIP 发给联系你的人，我们会帮你检查。