使用 Cloudflare Pages、D1、R2 搭建动态博客

下面文档，我将使用部署一个动态博客。

部署您的博客

要在 Cloudflare 上部署 PenX，请按照以下步骤操作：

1. 克隆 PenX 仓库

首先，通过执行以下命令将 PenX 项目克隆到本地计算机：

git clone https://github.com/penx-labs/penx

2. 配置 `wrangler.toml`

接下来，将 wrangler.toml.example 重命名为 wrangler.toml。

3. 创建 Cloudflare D1 数据库

运行以下命令以创建 Cloudflare D1 数据库：

npx wrangler d1 create penx-blog

如果成功，您将看到类似于以下的确认消息：

✅ 成功创建数据库 'penx-blog'，区域为 WNAM
创建了您的新 D1 数据库。

[[d1_databases]]
binding = "DB"
database_name = "penx-blog"
database_id = "00e31c14-e6ae-4612-9bc3-d25c6a1f8023d"

复制 database_id 并在 wrangler.toml 文件中更新该值。

4. 创建 Cloudflare R2 存储桶

在创建 R2 存储桶之前，您需要将信用卡绑定到 Cloudflare。

通过运行以下命令创建 Cloudflare R2 存储桶：

npx wrangler r2 bucket create penx-bucket

您应该会收到确认创建存储桶的消息：

✅ 创建存储桶 'penx-bucket'，默认存储类别为标准。

配置您的 Worker 以将对象写入此存储桶：

[[r2_buckets]]
bucket_name = "penx-bucket"
binding = "penx_bucket"

5. 配置会话密码

要设置会话密码，请访问此链接生成一个安全密码。用此值替换 wrangler.toml 中的 SESSION_PASSWORD。

6. 部署到 Cloudflare Pages

最后，通过运行以下命令部署您的博客：

pnpm install # 安装依赖
pnpm run db:generate # 初始发布所需
pnpm run db:migrate:prod # 初始发布所需
pnpm run deploy

成功部署后，您将收到一个类似于 https://penx-cloudflare.pages.dev 的 URL。

示例博客

https://my-penx-blog.pages.dev

https://demo1.penx.io

https://demo2.penx.io

https://demo3.penx.io

https://demo4.penx.io