CF Workers+Workers KV 搭建一个免费的博客程序

2020年12月22日22:22:25技术分享8519,345字数 1421阅读模式

2020.12.23更新添加评论cfblog集成 Valine 静态博客评论系统

CF Workers+Workers KV居然能搭建一个博客程序,具体的说就是使用 cloudflare KV作为数据库,无其他依赖. 兼容静态博客的速度,以及动态博客的灵活性,方便搭建减少折腾。

CF Workers+Workers KV 搭建一个免费的博客程序

1、主要特点

  • 使用workers提供的KV作为数据库
  • 使用cloudflare缓存html来降低KV的读写
  • 所有html页面均为缓存,可达到静态博客的速度
  • 使用KV作为数据库,可达到wordpress的灵活性
  • 后台使用markdown语法,方便快捷
  • 一键发布(页面重构+缓存清理)

2、承载能力

  • KV基本不存在瓶颈,因为使用了缓存,读写很少
  • 唯一瓶颈是 workers的日访问量10w,大约能承受2万IP /日
  • 文章数:1G存储空间,几万篇问题不大

3、项目介绍

项目:https://github.com/gdtool/cloudflare-workers-blog

演示:https://blog.gezhong.vip

演示2:https://blog.qixi.ng/

4、部署

1)首先你要去cf注册账号,官网地址:https://www.cloudflare.com

2)准备好自己的域名并接入到cloudflare。

3)上面的都做之后,登录CF,点击右侧的Workers进入界面后,在Workers KV中创建一个命名空间。比如说这里名为名:cf-blog

具体设置教程,可以参考这篇:https://www.daniao.org/252.html

CF Workers+Workers KV 搭建一个免费的博客程序

4)之后新建Workers,去Worker的Settings选选项卡中绑定KV Namespace!!

CF Workers+Workers KV 搭建一个免费的博客程序

创建好之后,先默认,之后去编辑内容,我们现在去绑定KV。

CF Workers+Workers KV 搭建一个免费的博客程序

4)添加一个域名DNS: 例如blog.qixi.ng,IP随意,橙色云朵必须打开!

CF Workers+Workers KV 搭建一个免费的博客程序

5)域名绑定到workers:域名—> workers —>添加路由 https://blog.qixi.ng/*

CF Workers+Workers KV 搭建一个免费的博客程序

6)获取缓存API token:域名概述—>右下角,记录区域ID,以及获取一个清理缓存的 API 令牌

API token:

CF Workers+Workers KV 搭建一个免费的博客程序

API 令牌:

这个麻烦点,需要自己生成一个。还是在这个页面的右下角,具体看图:

此处为隐藏的内容
发表评论并刷新,方可查看

保存后,会显示你需要的API 令牌密钥,自己保存好。一会要用。成功创建后是这个样子的。注意权限问题,要和截图一致。

CF Workers+Workers KV 搭建一个免费的博客程序

7)粘贴源码中index.js内容到workers,根据需求修改参数。

源码地址:https://github.com/gdtool/cloudflare-workers-blog/blob/master/index.js

8)保存之后收工,你可以进入输入域名浏览你的博客了。

5、效果演示

1)后台发一篇文章,还行,挺好用,看图:

CF Workers+Workers KV 搭建一个免费的博客程序

2)后台

CF Workers+Workers KV 搭建一个免费的博客程序

6、最后

博客的缓存效果类似静态博客,评论依赖于第三方,这里推荐Valine,这个还没申请,回头弄一下,这个玩意可是真流弊,值得折腾一下。

参考:

  • https://blog.gezhong.vip/article/000016/cloudflare-workers-blog.html
  • https://www.hostloc.com/thread-787159-12-1.html
  • https://github.com/gdtool/cloudflare-workers-blog

weinxin
微信公众号
关注大鸟博客公众号
大鸟
评论  85  访客  83  作者  2
    • 损失
      损失 1

      观摩!!!!!!!!!观摩!!!!!!!!!

      • vivi
        vivi 1

        从此拥有一个免费blog

        • als
          als 2

          谢谢楼主

          • hys
            hys 0

            观摩!!!!!!!!!观摩!!!!!!!!!

            • ack
              ack 0

              看看学习

              • wwwk
                wwwk 0

                学习研究思考!!!!!!!!!!!!!!!!!

                • 新空
                  新空 0

                  学习一波

                  • 123
                    123 0

                    围观大佬!!!

                    • q1x2v3
                      q1x2v3 0

                      来观摩一下

                      • 114
                        114 1

                        学习一下

                        • 114
                          114 0

                          谢谢分享

                          • 法桐
                            法桐 0

                            API令牌生产查看

                            • BigHuaji
                              BigHuaji 0

                              不错不错

                              • 1230
                                1230 1

                                这就是免费blog?

                                • 1230
                                  1230 1

                                  免费blog,观摩

                                  • ddd
                                    ddd 0

                                    dash.cloudflare.com不会哈哈哈哈哈

                                    • 加速师
                                      加速师 1

                                      来看看是什么

                                      • 加速师
                                        加速师 1

                                        Google过来的,看下要怎么设置API

                                        • 大朋
                                          大朋 0

                                          观摩!!!!!!!!!观摩!!!!!!!!!

                                          • 星星
                                            星星 1

                                            学习一下

                                            • 星星
                                              星星 1

                                              感谢博主分享

                                              • alrik
                                                alrik 5

                                                谢谢谢谢

                                              匿名

                                              发表评论

                                              匿名网友

                                              :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

                                              确定