[开源] 使用 Cloudflare Pages、D1、R2 优雅地搭建动态博客

[forsigner]

一直想找一个优雅的动态博客搭建方案，最后发现使用 Cloudflare 提供的各种服务是最合适的，于是使用 Cloudflare Pages 、D1 、R2 配合 Nextjs 开发了一个动态博客模板。

Links

Github: https://github.com/penx-labs/penx

Demo: https://my-penx-blog.pages.dev (使用 username:penx, password:penx 登录可以体验管理后台。)

部署文档： https://www.0xz.io/posts/9809b2fe-f63a-470a-b78c-e2367cb2148f

主要特点

• 动态，相比静态博客，可玩性更高
• Cloudflare D1 提供了 5GB 数据库存储
• Cloudflare R2 提供了每月 10GB 文件存储，后续可以当个人图床用
• 类似 notion 的富文本编辑器，可以方便的处理多媒体
• 方便多端编辑，由于是动态博客，可以多设备方便编辑(包括手机端)
• Nextjs 单体项目，部署方便，也很容易二次开发
• 内置了主题开发机制，可以方便的自定义主题

一些例子

• https://my-penx-blog.pages.dev
• https://demo1.penx.io
• https://demo2.penx.io
• https://demo3.penx.io
• https://demo4.penx.io

最后，遇到任何部署问题可以，可以加我微信 zio_007 或者加入微信群交流。 或者加入 Discord: https://discord.gg/nyVpH9njDu

[falcon05]

学习一下

[BuLvDaRen]

部署很丝滑，在 R2 这稍微卡了下

[ruome]

web3?

[Danswerme]

UI 挺优雅的，楼主是自己设计的嘛

[forsigner]

@BuLvDaRen R2 需要绑定信用卡

[forsigner]

@ruome 后续可能会尝试增加相关功能

[forsigner]

@Danswerme UI 自己照感觉直接写的

[Orangeee]

设计风格挺不错的 👍🏻

[debuggerx]

最近想开 R2 ，填银行卡的时候发现它支持银联卡，但是认证发验证码的时候一直报错，有什么办法吗

[forsigner]

@debuggerx 正常信用卡就行，不需要验证码吧

[forsigner]

@Orangeee 谢谢大佬

[wnpllrzodiac]

抄作业

[chesha1]

加了区块链功能，还挺有特点的

[ruome]

@debuggerx 我是用香港开的卡，不过招商的 visa 信用卡肯定可以的，公司项目用的就是招商的卡支付的

[zhu327]

d1 超过了额度非常贵，而且还有不命中索引，导致全表扫描，然后全表付费的大坑，不建议搞网站，被刷了很难受

[jollywang]

UI 不错, 我博客本来部署在 s3 前面套个 cloudfront 上, 最近也迁移到 cloudflare 上了, 确实操作更丝滑

[forsigner]

@zhu327 看场景，个人网站和独立开发产品还是很合适的

[mark2025]

@zhu327 不走现有的索引而选择扫全表？

[qq316107934]

太好看了，一直想做一个摄影图册的，mark 下参考下 UP 的风格

[forsigner]

@jollywang 欢迎大佬来尝试我这个方案 哈哈

[Jafee]

很赞！ 不过要注意 d1 、r2 可能爆账单…

[yqs112358]

UI 设计非常棒👍