[博客][Pages] ⚡基于 Cloudflare Pages + Workers + D1 + R2 的动态博客
GitHub仓库
https://github.com/openRin/Rin
Fork GitHub仓库
新建Pages
构建设置
构建命令:bun b
构建输出目录:client/dist
环境变量
NAME=Xeu | # 昵称,显示在左上角 |
DESCRIPTION= | # 个人描述,显示在左上角昵称下方 |
AVATAR= | https://avatars.githubusercontent.com/u/36541432 # 头像地址,显示在左上角 |
API_URL= | https://rin.xeu.life # 服务端域名,可以先使用默认值查看效果,后续部署服务端后再修改 |
PAGE_SIZE= | # 默认分页大小,推荐 5 |
SKIP_DEPENDENCY_INSTALL= | true |
UNSTABLE_PRE_BUILD= | asdf install bun latest && asdf global bun latest && bun i |
存储桶设置cros策略设置:
访问以下连接接入github验证 https://github.com/settings/developers
接入github: Homepage URL 填写上面的前端地址 Authorization callback URL 填写 https://<你的后端地址>/user/github/callback
仓库变量:
FRONTEND_URL= | 前端地址,填写上文前端所绑定的域名,如 https://blog.obdo.cc |
S3_BUCKET= | R2 存储桶名称,如上文示例中的 rin-storage |
S3_REGION= | auto |
S3_ENDPOINT= | R2 的 S3 API,去掉域名后面的路径,如 https://1234567890abcdef1234567890abcd.r2.cloudflarestorage.com |
S3_ACCESS_HOST= | R2 公开访问域名,如上文示例中的 https://rin-storage.obdo.cc |
仓库secret:
CLOUDFLARE_ACCOUNT_ID= | Cloudflare 的 账户ID |
CLOUDFLARE_API_TOKEN= | Cloudflare 的 用户API令牌值 |
RIN_GITHUB_CLIENT_ID= | 上文生成的 Github Client ID |
RIN_GITHUB_CLIENT_SECRET= | 上文生成的 Github Client Secret |
JWT_SECRET= | 加密用的密钥,你可以使用密码生成器随机生成一个 |
S3_ACCESS_KEY_ID= | 存储桶API的 访问密钥ID |
S3_SECRET_ACCESS_KEY= | 存储桶API的 机密访问密钥 |
添加路由:
点击 添加自定义域,绑定自己的后端域名
点击 添加路由,依次加入 前端域名/sub/* 前端域名/seo/*
回到前面创建的前端 Pages 设置
将 制作 与 预览 的 APL_URL 均修改为后端域名
最后重新部署pages
访问以下连接接入github验证 https://github.com/settings/developers
秘钥生成器地址: https://www.avast.com/random-password-generator
Last updated