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

同步来源:树洞剪藏 源站剪藏 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
- 展示
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 的一个修改版)
- 介绍
cf blog 是一个运行在 cloudflare workers 上的博客程序,使用 cloudflare KV 作为数据库,无其他依赖。兼容静态博客的速度,以及动态博客的灵活性,您可以通过访问项目仓库了解更多详情。
- 项目特点:
使用 workers 提供的 KV 作为数据库,可达到 wordpress 的灵活性
使用 cloudflare 缓存 html 来降低 KV 的读写,使其可达到静态博客的速度
后台使用 markdown 语法,方便快捷,一键发布 (页面重构 + 缓存清理)
cfblog-plus 新增了 文章置顶、后台首页选择、文章隐藏、静态搜索 等功能
- 部署
这是一个纯小白教程 [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
保存后可以看到列表里有刚添加的信息,自此,所有配置已经完成,可以愉快的写博客了。
- 可能遇到的问题
文章 id 为 ID000nan 且访问会报错误
解决方案:在创建的 KV 中修改 SYSTEM_INDEX_NUM 的值为 0
b1a7e185f4b827c21494c.png 1450×201 2.46 KB
新增文章时,必填的分类无法选择
解决方案:在顶部 设置 中,参照提示填写分类
保存了,但是主页不显示文章
解决方案:在后台直接点发布或者去 Cloudlfare 清除相关链接的缓存 (自行 baidu/Google)
- 扩展
添加评论、阅读量、内容分类、页脚、自定义页面和图标、链接等,请自行发掘
例子
页脚(可以把作者信息保留,我这里因为有这篇文章介绍就不保留了)
f7050281ebf1fe70756ea.png 930×129 4.44 KB
阅读量
fee7562282c610eb113c8.png 1087×167 9.59 KB
评论
c88fe549e84025ab459dd.png 1079×454 11.4 KB
图标 + 分类
- 承载能力:
KV 基本不存在瓶颈,因为使用了缓存,读写很少
唯一瓶颈是 workers 的日访问量 10w, 大约能承受 2 万 IP / 日
文章数:1G 存储空间,几万篇问题不大
- 说明
感谢原作者的付出,觉得好用不妨给原作者一个 星星
本文链接:
Wang's blog
Cloudflare Workers + KV 搭建一个带后台管理的 blog 131
- 展示本文部分内容由 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:
- 可能遇到的问题
文章 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 回复
开始阅读 启用自动点赞
楼主
等级