墨刀AI生成的代码如何同步到GitHub

墨刀AI生成的代码需手动导出并推送至GitHub：先在墨刀点击「更多→导出代码→HTML+JS+CSS完整包」并勾选“包含所有交互逻辑”，下载解压后，用git init、add、commit初始化本地仓库，再关联GitHub远程库并push；后续更新可重新导出覆盖后提交，或用VS Code+GitLens管理；若自定义入口文件名，需在GitHub Pages中设源为根目录index.html。

墨刀AI生成的代码本身不直接支持自动推送至GitHub仓库，需手动导出后通过Git命令行或桌面客户端提交到远程仓库。

导出墨刀AI生成的代码文件

在墨刀项目编辑页右上角点击「更多」→「导出代码」→ 选择「HTML+JS+CSS完整包」→ 点击「下载ZIP」。这一步必须完成，否则后续无源码可同步；【导出时务必勾选“包含所有交互逻辑”选项，否则生成的JS里会缺失事件绑定代码】。

解压下载的ZIP包，得到一个含 index.html、assets/、js/、css/ 的标准前端目录结构。

初始化本地Git仓库并关联GitHub远程库

打开终端（macOS/Linux）或 Git Bash（Windows），cd 进入解压后的项目根目录（即含 index.html 的那一层）。

执行：git init → git add . → git commit -m "feat: initial commit from modao AI"。

登录 GitHub，新建一个空仓库（不要勾选 Initialize with README 或 .gitignore），复制其 HTTPS 地址（形如 https://github.com/username/repo-name.git）。

在终端中运行：git remote add origin https://github.com/username/repo-name.git → git branch -M main → git push -u origin main。

后续更新同步方法

方法一：每次墨刀AI修改后重新导出ZIP → 解压覆盖原目录 → 终端执行 git add . && git commit -m "update: sync from modao AI" → git push。

方法二：用 VS Code 打开该目录，安装 GitLens 插件，右侧源代码管理面板可直观查看变更文件，点击暂存→输入提交信息→点击向上箭头推送。

注意：如果墨刀AI导出时启用了「自定义入口文件名」（如改 index.html 为 app.html），请确保 GitHub Pages 设置中将 GitHub Pages 源切换为 【/ (root) /index.html】，否则页面无法访问。