详情

首页手游攻略 墨刀AI生成的代码如何同步到GitHub

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

佚名 2026-09-02 18:57:54

墨刀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 initgit 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.gitgit branch -M maingit 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】,否则页面无法访问。

点击查看更多
推荐专题
热门阅读