在用 GitHub + Cloudflare Pages 管理博客时,经常需要在不同电脑上切换开发。 本文整理了多设备协作的完整工作流,以及如何控制 Cloudflare 自动部署。
一、换了新电脑,如何拿到代码
每次在新电脑上第一次工作,需要把仓库克隆到本地:
git clone https://github.com/你的用户名/myblog.git
cd myblog
npm install
三行命令搞定——代码拉下来,依赖自动安装,直接可以开发。
npm install 会根据 package.json 重新下载所有依赖包,和原来完全一致,
所以 node_modules/ 不需要上传到 GitHub,换电脑也不影响。
二、每次开始和结束工作的习惯
开始工作前,先同步最新代码:
git pull
把另一台电脑推上去的改动拉下来,保持两台电脑代码一致。
工作结束后,推送到 GitHub:
git add .
git commit -m "描述这次改了什么"
git push
核心习惯:每次开始先 pull,每次结束后 push。 养成这个习惯,多台电脑之间永远不会出现代码冲突。
三、如何控制 Cloudflare Pages 自动部署
默认情况下每次 push 都会触发 Cloudflare 构建,免费版每月 500 次。 频繁调试时容易浪费额度,有两种方式控制。
方法一:commit 信息加 [skip ci]
git commit -m "调整样式 [skip ci]"
Cloudflare 识别到这个关键词会自动跳过本次构建,灵活控制每次 push 是否部署。
方法二:关闭自动部署
进入 Cloudflare Pages 后台:
Settings → Builds & deployments → Branch control
把 Production branch 的自动部署关掉,之后所有 push 都不触发构建, 需要发布时手动去 Deployments → Create deployment 触发。
推荐方式: 两种方法结合——平时调试用 [skip ci] 跳过, 确认要上线的 commit 正常写,让自动部署触发。
四、没有部署时如何本地预览
方法一:hugo server(最常用)
hugo server
打开 http://localhost:1313 实时预览,改动文件后页面自动刷新,
不需要构建也不需要部署,是最快的开发方式。
方法二:Cloudflare 预览链接
每次 push 到 GitHub,Cloudflare Pages 会生成一个独立的预览链接:
https://[commit-hash].shaifx.pages.dev
不影响正式域名,专门用来预览测试。
五、完整工作流总结
换新电脑?先运行:
git clone https://github.com/你的用户名/myblog.git
cd myblog
npm install
每天开始工作:
git pull # 同步最新代码
hugo server # 本地预览
改完代码,还在调试:
git add . && git commit -m "xxx [skip ci]" && git push
改完代码,准备上线:
git add . && git commit -m "xxx" && git push
本地预览速度最快,改完立刻看到结果。 确认没问题再正式 push,既节省构建次数,也避免把半成品推到线上。