收集和分享无限暖暖游戏中的服装搭配码及演示图片。
完全免费 | 不需要写代码 | 3 步部署上线
点击本页面右上角的 Fork 按钮，把仓库复制到你自己的 GitHub 账号下。
- 打开 dash.cloudflare.com（没有账号就免费注册一个）
- 左侧点 Workers 和 Pages
- 点 创建应用程序 → 选 Pages 标签 → 点 连接到 Git
- 授权 Cloudflare 访问你的 GitHub，然后选中刚才 Fork 的仓库
- 点 开始设置
在构建配置页面填写以下内容：
| 配置项 | 填什么 |
|---|---|
| 框架预设 | 选 None（无） |
| 构建命令 | bash build.sh |
| 构建输出目录 | / |
然后往下滚动，找到 环境变量 部分，点 添加变量，添加以下两个：
| 变量名 | 值 | 说明 |
|---|---|---|
GITHUB_USER |
你的 GitHub 用户名 | 例如 zhangsan |
GITHUB_REPO |
你的仓库名 | 例如 infinity-nikki-codes |
最后点 保存并部署。等大约 30 秒，网站就上线了！
访问地址：https://你的项目名.pages.dev
首次部署后网站是空的，这是正常的。按照下方「添加新搭配码」的步骤提交第一个搭配码即可。
打开你部署好的网站，点右上角 + 提交搭配码，填写表单后点 生成提交文本，复制生成的内容。
- 打开你仓库的 Issues 页面，点 New issue
- 标题填写：
[搭配码] 你的搭配名称 - 正文粘贴刚才复制的文本
- 如果有图片，直接拖入正文区域上传（支持 jpg / png / webp）
- 点 Submit new issue
提交后系统自动完成：
- 解析 Issue 中的搭配码数据
- 创建 Pull Request（PR 合并时自动关闭 Issue）
- 维护者审核合并后网站自动更新（约 30 秒）
需要修改？ 直接编辑你提交的 Issue，系统会自动同步更新对应的 PR，无需重新提交。
- 打开网站，点开要删除的搭配详情，记下底部的 ID（格式如
outfit-001） - 到 GitHub 仓库的 Issues 页面，点 New issue
- 标题填写：
[删除] outfit-001 - 直接提交
GitHub Action 会自动创建删除 PR，维护者审核合并后网站自动更新。
如果不记得 ID，随便写个标题提交，Action 会报错并列出所有可用的 ID。
以下是实际部署中遇到过的问题和解决方法：
原因： 仓库默认禁止 Actions 创建 PR。
解决： 打开仓库 → Settings → Actions → General → Workflow permissions → 选 Read and write permissions → 勾选 Allow GitHub Actions to create and approve pull requests → Save。
原因： Actions 默认运行时从 Node.js 20 迁移到 24。
解决： workflow 文件中已设置 FORCE_JAVASCRIPT_ACTIONS_TO_NODE24: true，并将 actions 升级到最新版（checkout@v6、github-script@v9、create-pull-request@v8）。如果仍有警告，确认你的 workflow 文件与仓库中的一致。
原因： js/config.js 中的 user 和 repo 没有被替换，还是 YOUR_USERNAME。
解决： 确认 Cloudflare Pages 的环境变量 GITHUB_USER 和 GITHUB_REPO 填写正确，并确认构建命令为 bash build.sh，然后触发重新部署。
原因： 同上，构建时环境变量没有正确注入。
解决： 同上。环境变量和构建命令缺一不可。
原因： GitHub Fine-grained Personal Access Token 需要单独授权每个权限项。
解决： 建议使用 Classic token（Settings → Developer settings → Personal access tokens → Tokens (classic)），勾选 repo 权限即可。如果用 Fine-grained token，至少需要以下权限：
- Contents: Read and write
- Actions: Read and write（用于修改 workflow 文件）
- Pull requests: Read and write
- Issues: Read and write
提交 Issue 时，直接把图片文件拖入 Issue 正文编辑区域即可自动上传，GitHub 会生成图片链接。不需要提前上传到仓库。
在 Cloudflare Pages 项目设置里点 自定义域，输入你的域名（需使用 Cloudflare DNS），SSL 证书会自动配置。
├── index.html 首页
├── submit.html 提交搭配码页面
├── build.sh 构建脚本（Cloudflare Pages 自动执行）
├── css/ 样式文件
├── js/config.js 部署配置（构建时由 build.sh 自动填充）
├── js/app.js 应用逻辑
├── data/outfits.json 搭配码数据库
└── .github/workflows/ 自动处理 Issue 的 GitHub Action
关于图片： 图片通过提交 Issue 时直接拖入附件上传，GitHub 自动生成链接，无需在仓库中维护图片目录。
MIT License