hexo部署到cloudflare pages
目的
部署hexo生成静态网站信息到cloudflare pages上,自定义域名实现访问。
env
- hexo + theme-next
- cloudflare-page
- wrangler
worker-sdk(wrangler)
- https://github.com/cloudflare/workers-sdk
Wrangler CLI:
支持 wrangler cli 推送项目到 cloudflare pages/worker
1. 安装wrangler cli (cloudflare work-sdk)
1.1 npm install -g wrangler
➜ ~ git:(main) ✗ npm install -g wrangler
npm warn deprecated [email protected]: Please use @jridgewell/sourcemap-codec instead
npm warn deprecated [email protected]: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-inject.
added 172 packages in 16s
13 packages are looking for funding
run `npm fund` for details
1.2 wrangler login
如果web上登录wrangler,自动oauther,点击allow
➜ ~ git:(main) ✗ wrangler login
⛅️ wrangler 3.101.0
--------------------
Attempting to login via OAuth...
allow
登录成功如下图:
2.部署
2.1 hexo deploy (生成静态页面,存在./public目录下)
2.2推送项目
npx wrangler pages publish 接项目(生成静态资源文件)所在目录
如:
npx wrangler pages publish public/ #推送项目
后续支持命令: wrangler pages deploy
1 | joplin-blog git:(main) ✗ npx wrangler pages publish public |
第一次需要创建项目名称,看到 Success 标识推送成功
2.3 自定义域名访问
登录cloudflare -> compute(workers) -> workers和pages -> 点击项目 -> 自定义域名
最终实现效果:
2.4clouflare pages免费限制
免费计划将 Workers 和 Pages Functions 的请求合并。对 Workers 和 Pages 上的静态资产的请求将继续免费,且无数量限制。
美滋滋,感谢cloudflare