0 成本搭建Cloudflare个人精美博客
Cloudflare Pages免费搭建个人精美博客网站
2026年05月04日 星期一
494 字 · 2 分钟
今天我们将使用网络大善人的 Cloudflare Pages，来免费搭建一个基于Astro开发的个人博客！完全免费开源，精美又小巧，对于个人使用还是非常不错！ CloudFlare Pages 每日免费请求次数有 10w，对于个人使用完全够用。B站原视频↗
部署步骤：
1、Fork开源项目： https://github.com/kobaridev/RyuChan【点击前往↗】
2、Cloudflare 建立一个Pages项目 ：https://www.cloudflare.com/zh-cn/【点击前往↗】
项目名称：自定义生产分支：main框架预设：Astro构建命令：npm run build构建输出目录：dist
3、配置一个 GitHub App：
(1)、点击GitHub 账号右上角头像
(2)、下拉菜单选择 Settings
(3)、左侧菜单栏拉到最底部 → 点击 Developer settings
(4)、选择 GitHub Apps
(5)、点击右上角 New GitHub App
| 配置项 | 填写示例 | 说明 |
|---|---|---|
| GitHub App name | ryuchan-write | 自定义随便起名 |
| Homepage URL | https://vblog-45I.pages.dev/ | 填写你自己部署好的博客 Pages 链接 |
| Webhook | 取消勾选 Active | 不需要启用 Webhook 推送 |
| Permissions → Contents | Read and write | 用于往仓库读写、提交文章 |
最后全部设置完成后点击 Create GitHub App 创建
4、配置Pages环境变量，再重新部署一遍Pages：
| 变量名称 | 值 |
|---|---|
| PUBLIC_GITHUB_OWNER | 你自己GitHub 的用户名（例如：kobe） |
| PUBLIC_GITHUB_REPO | 你自己定义的仓库名（例如：blok） |
| PUBLIC_GITHUB_APP_ID | GitHub App 的 ID（例如：3682308） |
5、为此Github仓库安装GitHub App
6、生成 GitHub App 私钥（PEM 文件）
(1)、进入刚刚创建好的 GitHub App
(2)、左侧菜单栏找到General ，并往下翻找到 Private keys
(3)、点击 Generate private key 生成私钥
浏览器自动下载后缀为 .pem 的密钥文件，文件名格式示例：your-app-name-xxxxxxxx.pem
⚠️ 重要提醒：该文件是博客必需的私钥凭证，请妥善保存、切勿泄露、不要丢失。
至此，整套个人博客网站部署流程全部结束，接下来可自行访问站点、测试各项在线功能。
Thanks for reading!
留言评论