树洞剪藏#剪藏#树洞剪藏

Cloudflare Workers + KV 搭建一个带后台管理的blog - 资源荟萃 - LINUX DO

2024 年 11 月 15 日1 分钟
分享Twitter / XTelegram微博

同步来源:树洞剪藏 源站剪藏 ID:72 原文地址:https://linux.do/t/topic/5860

打开原文 · 打开源站剪藏快照


Cloudflare Workers + KV 搭建一个带后台管理的blog - 资源荟萃 - LINUX DO

跳到主要内容

话题

我的帖子

关于

友链

文档

更多

外部链接

Status

Connect

Channel

Telegram

Shared Chat

类别

开发调优

资源荟萃

文档共建

跳蚤市场

前沿快讯

福利羊毛

搞七捻三

运营反馈

深海幽域

所有类别

标签

抽奖

公告

精华神帖

快问快答

人工智能

所有标签

消息

收件箱

频道

常规频道

直接消息

聊天

真诚 、 友善 、 团结 、 专业 ,共建你我引以为荣之社区。 《常见问题解答》

Cloudflare Workers + KV 搭建一个带后台管理的 blog

资源荟萃

1月 30 日

1 / 47

1月 30 日

返回

7月 26 日

前排围观支持一下 感谢分享大佬厉害啊 有点厉害支持~~

wang two 龙行龘龘

2 1月 30 日 #1

  1. 展示

29fb0d433bde0e1cd7d28.png 1261×932 160 KB

原文发布在自己的 blog 上(来这水一篇文章 ) https://blog.661212.xyz/index.php/archives/6/ 131

相关链接:

Demo : https://cfblog.661212.xyz/ 168

Github : https://github.com/wang-useful/cfblog-plus 77

(备注:本文介绍的是 cfblog-plus 原仓库为: https://github.com/Arronlong/cfblog-plus 30 ,是 gdtool/cloudflare-workers-blog 18 的一个修改版)

  1. 介绍

cf blog 是一个运行在 cloudflare workers 上的博客程序,使用 cloudflare KV 作为数据库,无其他依赖。兼容静态博客的速度,以及动态博客的灵活性,您可以通过访问项目仓库了解更多详情。

  1. 项目特点:

使用 workers 提供的 KV 作为数据库,可达到 wordpress 的灵活性

使用 cloudflare 缓存 html 来降低 KV 的读写,使其可达到静态博客的速度

后台使用 markdown 语法,方便快捷,一键发布 (页面重构 + 缓存清理)

cfblog-plus 新增了 文章置顶、后台首页选择、文章隐藏、静态搜索 等功能

  1. 部署

这是一个纯小白教程 [doge]

第一步:注册 Cloudflare 账号

Cloudflare 官网: https://dash.cloudflare.com 8

第二步,将域名托管到 CloudFlare 中,并获取 区域ID

如果没有也行,可以使用自动分配的域名,但是后续发布文章时,自动清除缓存会无法使用,问题不大

托管域名 :过程略,自行 baidu 或 google

获取区域 ID :如域名已托管到 CloudFlare 中,进入域名站点管理页面,页面向下滑动,记录右侧的 “区域 ID” 的值,后续会用到。

第三步,获取清除缓存 API 令牌

打开 API 令牌 17 管理页面,点击 “创建令牌” 按钮,页面拉到最下面,点击 “创建自定义令牌” 后面的 “开始使用” 按钮,按以下方式填写。

令牌名字:CFBlog-plus 缓存权限:区域 -> 缓存清除 -> 清除 区域资源:包括 -> 特定区域 -> 【您的域名】

7e3b64a933ceca9af8708.png 1384×516 36.2 KB

908cede94ae45c22824ab.png 949×240 15 KB

257b5ccd3376a02793808.png 850×835 81.1 KB

4dce9639285562ebb3908.png 754×273 15.1 KB

token 留下备用

第四步,新建 KV 命名空间

打开 CloudFlare 主页 10 ,点击右侧的 “Workers”,然后点击 “KV” 项,即可进入 “Worker KV” 管理页面。

在命名空间名称输入框里任意输入一个名称,为了见名知义,这里最好使用 CFBLOG 作为命名空间名称。点击添加即可。如下图所示:

4a64f2f858cf732e05670.png 1358×825 45.5 KB

第五步,创建 Workers

点击挨着 “KV” 的 “概述” 项,进入 Workers 和 Pages 概述,点击 “创建应用程序”,点击 “创建 Workers”,点击 “编辑代码”

be750e530fb6362732ab3.png 1208×819 82.3 KB

6c4732d82c391e483b478.png 1315×731 54.8 KB

将 index_plus.js 43 中的内容替换 workers 的内容。

b87eaa8fdcda9a30dae3f.png 1150×935 62.8 KB

先不修改配置,然后点击 “保存并部署”。然后点击 “<” 箭头,返回该 workers 的配置页面,自行 “重命名”,然后 “设置”–"变量" 选项卡,添加 “KV 命名空间绑定”,变量名随意起,推荐用 CFBLOG,下拉选择新添加的 KV 命名空间,点击 “保存按钮”。

752437d0294a2f983f0ea.png 1222×468 15.7 KB

再将页面滑动上面,点击 “快速编辑”,重新打开 workers 的编辑页面开始添加各类配置。

f7039a598891d793ec193.png 1404×701 26.4 KB

以上配置项均根据配置说明进行配置即可,不再详细说明。要记得 “保存并部署”

可以点击右侧的 “预览” 选项卡进行预览,能成功出现页面就说明配置成功了。

第六步,配置域名访问【非必须】

参照图片

e3e542ce0e229b155cd98.png 1438×820 29.2 KB

保存后可以看到列表里有刚添加的信息,自此,所有配置已经完成,可以愉快的写博客了。

  1. 可能遇到的问题

文章 id 为 ID000nan 且访问会报错误

解决方案:在创建的 KV 中修改 SYSTEM_INDEX_NUM 的值为 0

b1a7e185f4b827c21494c.png 1450×201 2.46 KB

新增文章时,必填的分类无法选择

解决方案:在顶部 设置 中,参照提示填写分类

保存了,但是主页不显示文章

解决方案:在后台直接点发布或者去 Cloudlfare 清除相关链接的缓存 (自行 baidu/Google)

  1. 扩展

添加评论、阅读量、内容分类、页脚、自定义页面和图标、链接等,请自行发掘

例子

页脚(可以把作者信息保留,我这里因为有这篇文章介绍就不保留了)

f7050281ebf1fe70756ea.png 930×129 4.44 KB

阅读量

fee7562282c610eb113c8.png 1087×167 9.59 KB

评论

c88fe549e84025ab459dd.png 1079×454 11.4 KB

图标 + 分类

  1. 承载能力:

KV 基本不存在瓶颈,因为使用了缓存,读写很少

唯一瓶颈是 workers 的日访问量 10w, 大约能承受 2 万 IP / 日

文章数:1G 存储空间,几万篇问题不大

  1. 说明

感谢原作者的付出,觉得好用不妨给原作者一个 星星

本文链接:

Wang's blog

Cloudflare Workers + KV 搭建一个带后台管理的 blog 131

  1. 展示本文部分内容由 chatgpt 生成,略有修改相关链接: Demo : https://cfblog.661212.xyz/Github:https://github.com/wan...

cfblog.661212.xyz

Cloudflare Workers + KV 搭建一个带后台管理的 blog - Wang's blog 39

Wang's blog

最后,感谢你的阅读,谢谢

2 个回复

heart

+1

65

回复

【Cloudflare系列教程】汇总帖 1

4.1k

浏览量

174

12

链接

30

用户

7

6

3

3

2

阅读时间

4 分钟

Neo 岂曰无衣?

1月 30 日 #2

我先赞为敬 1 个回复

3 回复

wang two 龙行龘龘

Neo 1月 30 日 #3

把我自己的文章搬过来水

1 回复

Neo 岂曰无衣?

1月 30 日 #4

好好,这里做窝更舒适 1 个回复

3 回复

我秦始皇? wo_zu_long 指导顾问

1月 30 日 #5

nice

1 回复

里包恩 novice.li

1月 30 日 #6

之前试过,发现有点丑,换 halo 了 1 个回复

1 回复

我刘邦 woliubang 浴火重生

里包恩 1月 30 日 #7

不能换主题吗 1 个回复

1 回复

wang two 龙行龘龘

我刘邦 1月 30 日 #8

可以,要自己适配

我自己都嫌麻烦,没有用这个当 blog 了

2 回复

996

1月 30 日 #9

用久了会发现自己写的舒服很多。 反正只是自己发文章,不需要给别的用户专门写 UI,

我一般弄个简单页面,直接发送到后端数据库增加文章。

以前我用 python 的 Django 搭建博客,现在改成 go 的 Gin 框架搭建了,cpu 占用少了 4 倍以上。

3 回复

伶枫 王 user94 种子用户

2月 1 日 #10

看的还不错,点赞。

2 回复

Megasoft zhong_little 大预言家

2月 2 日 #11

好好好,正愁不知道怎么榨干 cf 大善人的 10 万访问量

2 回复

Grok

2月 2 日 #12

哈哈,原来你兄弟你啊。。

我刚看到你的文章,这里就有了

2 回复

27 天后

约遍全国榜一大哥 hlxcr 海纳百川

2月 29 日 #13

搭建成功感谢奉献~

2 回复

周树人 Tink 种子用户

2月 29 日 #14

支持大佬

2 回复

Reno 🐦‍🔥 浴火重生

2月 29 日 #15

佬,求助,为啥我发表后点击进去无法正常加载帖文?

创建的帖子 id 初始为 NaN000,我自己去 KV 改成了 0000,还是报错

image 1504×430 28.9 KB

1 个回复

2 回复

YUhome Kenneth_Yu 种子用户

2月 29 日 #16

我也搭建了一个,后台很简陋,不过对于纯写 blog 的还是不错的,毕竟白嫖 cf 大善人

2 回复

King-Huiwen-of-Qin 与子偕行 🍭

2月 29 日 #17

可以试试

36 回复

wang two 龙行龘龘

Reno 3月 2 日 #18

wang:

  1. 可能遇到的问题

文章 id 为 ID000nan 且访问会报错误

解决方案:在创建的 KV 中修改 SYSTEM_INDEX_NUM 的值为 0

b1a7e185f4b827c21494c.png 1450×201 2.46 KB

记得刷新缓存,或 worker 重新点一下部署 1 个回复

2 回复

Mr. Qi 圆圆满满

3月 2 日 #19

插眼,赞

2 回复

eijiz_new@ wen_zijie 浴火重生

3月 2 日 #20

真不错

2 回复

开始阅读 启用自动点赞

楼主

等级

相关文章