The project's README from github.com/wanonewan/wanwan. As one markdown file: README.md.
弯弯机是一个可以直接部署到浏览器使用的静态应用。本项目不需要服务器、不需要安装依赖,也不需要执行构建命令。
推荐将仓库连接到 Netlify。完成一次设置后,只要 GitHub 仓库有新提交,Netlify 就会自动发布新版。没有 GitHub 账户时,也可以直接上传项目文件夹。
推荐方案需要:
手动上传只需要下载好的项目文件。
以后可以在自己的仓库页面点击 Sync fork 同步本项目的更新。同步产生新提交后,Netlify 会自动重新部署。
在发布前确认以下设置:
| 设置 | 填写内容 |
|---|---|
| Production branch | 保持默认,通常是 main 或 master |
| Base directory | 留空 |
| Build command | 留空 |
| Publish directory | . |
| Environment variables | 不需要添加 |
然后点击 Publish。等待部署状态显示为已发布后,打开 Netlify 提供的 https://项目名称.netlify.app 地址即可使用。
如果新建的 Netlify 团队默认启用了私有项目,部署完成后可能只有团队成员能访问。需要公开分享时,请在 Netlify 的项目访问设置中将它改为公开。
连接 GitHub 后,Netlify 会监听生产分支:
这种方式不需要连接 GitHub,但每次更新都要重新上传。
index.html、css、js、img 等内容。netlify.app 地址。更新手动部署的网站时,先下载并解压新版项目,再进入原来的 Netlify 项目,在 Deploys 页面的上传区域拖入更新后的完整文件夹。
Netlify 会自动生成一个随机的 netlify.app 地址。可以在项目设置中修改项目名称,从而更改这个地址。
如需使用自己的域名,请进入 Domain management > Production domains,再选择 Add a domain。具体步骤可参考 Netlify 自定义域名文档。
弯弯机支持作为网页应用安装:
检查 Netlify 的 Publish directory 是否为 .,并确认 index.html 位于上传或仓库的根目录,而不是多套了一层文件夹。
确认项目内容上传完整,尤其不要遗漏 css、js、img 和 audio 文件夹。然后在 Netlify 的 Deploys 页面重新部署。
这是浏览器的数据隔离机制。不同域名会使用不同的本地数据空间。回到旧地址导出备份,再到新地址导入即可。
重新连接 GitHub,并在授权页面允许 Netlify 访问该仓库。组织账户中的仓库可能还需要组织管理员批准 Netlify 的访问权限。