V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
forsigner
V2EX  ›  程序员

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

  •  
  •   forsigner · 5 天前 · 2184 次点击

    一直想找一个优雅的动态博客搭建方案,最后发现使用 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 单体项目,部署方便,也很容易二次开发
    • 内置了主题开发机制,可以方便的自定义主题

    一些例子

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

    28 条回复    2024-12-21 14:25:45 +08:00
    falcon05
        1
    falcon05  
       5 天前 via iPhone
    学习一下
    BuLvDaRen
        2
    BuLvDaRen  
       5 天前
    部署很丝滑,在 R2 这稍微卡了下
    ruome
        3
    ruome  
       5 天前
    web3?
    Danswerme
        4
    Danswerme  
       5 天前
    UI 挺优雅的,楼主是自己设计的嘛
    forsigner
        5
    forsigner  
    OP
       5 天前
    @BuLvDaRen R2 需要绑定信用卡
    forsigner
        6
    forsigner  
    OP
       5 天前
    @ruome 后续可能会尝试增加相关功能
    forsigner
        7
    forsigner  
    OP
       5 天前
    @Danswerme UI 自己照感觉直接写的
    Orangeee
        8
    Orangeee  
       5 天前
    设计风格挺不错的 👍🏻
    debuggerx
        9
    debuggerx  
       5 天前
    最近想开 R2 ,填银行卡的时候发现它支持银联卡,但是认证发验证码的时候一直报错,有什么办法吗
    forsigner
        10
    forsigner  
    OP
       5 天前
    @debuggerx 正常信用卡就行,不需要验证码吧
    forsigner
        11
    forsigner  
    OP
       5 天前
    @Orangeee 谢谢大佬
    wnpllrzodiac
        12
    wnpllrzodiac  
       5 天前 via Android
    抄作业
    chesha1
        13
    chesha1  
       5 天前
    加了区块链功能,还挺有特点的
    ruome
        14
    ruome  
       5 天前
    @debuggerx 我是用香港开的卡,不过招商的 visa 信用卡肯定可以的,公司项目用的就是招商的卡支付的
    zhu327
        15
    zhu327  
       5 天前
    d1 超过了额度非常贵,而且还有不命中索引,导致全表扫描,然后全表付费的大坑,不建议搞网站,被刷了很难受
    jollywang
        16
    jollywang  
       5 天前
    UI 不错, 我博客本来部署在 s3 前面套个 cloudfront 上, 最近也迁移到 cloudflare 上了, 确实操作更丝滑
    forsigner
        17
    forsigner  
    OP
       5 天前
    @zhu327 看场景,个人网站和独立开发产品还是很合适的
    mark2025
        18
    mark2025  
       4 天前
    @zhu327 不走现有的索引而选择扫全表?
    qq316107934
        19
    qq316107934  
       4 天前
    太好看了,一直想做一个摄影图册的,mark 下参考下 UP 的风格
    forsigner
        20
    forsigner  
    OP
       4 天前
    @jollywang 欢迎大佬来尝试我这个方案 哈哈
    Jafee
        21
    Jafee  
       4 天前 via iPhone
    很赞! 不过要注意 d1 、r2 可能爆账单…
    yqs112358
        22
    yqs112358  
       4 天前
    UI 设计非常棒👍
    zhu327
        23
    zhu327  
       4 天前
    @mark2025 索引设置不当,就会被坑到,一定呀小心
    unimz
        24
    unimz  
       4 天前
    后台登不进去
    forsigner
        25
    forsigner  
    OP
       4 天前
    @unimz 密码被改了,我改回去了,可以再试试
    NewYear
        26
    NewYear  
       3 天前
    @Jafee

    你是说风险来自恶意攻击吗,看了下配额应该是够用的。
    Jafee
        27
    Jafee  
       3 天前
    @NewYear 是的,正常使用都没啥问题。
    NewYear
        28
    NewYear  
       3 天前
    @Jafee

    这种模式小公司、个人根本用不起,我一直不看好,初看是便宜,甚至有免费配额,但永远都抵不过一个“容易被刷天价账单”的风险。。。。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5280 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 09:21 · PVG 17:21 · LAX 01:21 · JFK 04:21
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.