CF-Blog搭建步骤(cloudflare workers 搭建博客图文版)
1.简介
天在hostloc 看到CF workers ,根据大佬教程。折腾了几个小时才搞定这个。感觉会给新手带来一定得困扰。于是弄了这个图文版的官方复刻版教程,流程是一样的。只是增加了图片而已,再增加了自己的理解。
CF-Blog搭建步骤(图文版)是在我自己折腾了2个小时以后出来的产物,因为不是专业选手,对于专业语言描述存在理解性偏差,于是我就搞个这个图文版
首先我们来回顾前情:
这是一个运行在cloudflare workers 上的博客程序(blog),使用 cloudflare KV作为数据库,无其他依赖.
兼容静态博客的速度,以及动态博客的灵活性,方便搭建不折腾.
https://dash.cloudflare.com/login
这里登录就是中文版,所以我的所有操作就是在中文版里面操作。
这里是cloudflare workers 免费计划,只要不超过10W次,
Free
US$0
用于个人用途和简单应用
Workers 功能
包括 100,000 个请求/天 (UTC+0)1
每个请求最多占用 10 毫秒 CPU 时间
第一个请求后的延迟最低
键值存储功能 2
每天 100,000 次读取操作
每天 1,000 次写入、删除、列出操作
您的当前计划
平台基本信息
最多 30 个 Worker
最多 100 个命名空间
最多 1GB 存储
部署到全球数以百计的数据中心
免费维护且自动扩展的基础结构
没有冷启动的高性能运行时
支持 JavaScript 及另外 9 种语言
完整的 CLI 部署功能
超过 100,000 个请求/天或 1,000 个请求/10 分钟后,Worker 请求将返回错误。
超出计划限制的键值读取、写入,删除和列出操作将失败。
2.新建KV 和workers
大佬的教程里面只是简单的一句话:新建一个workers,对于新手来说。看图识字是最好的教学。于是我就截图一张。 登录cloudflare 后 首页就可以看到这个界面。
进去其实不是先建立Cloudflare Workers ,而是先建立KV。这个KV可以理解位数据库。
进去后是这个。我们先新建一个KV,
这个位置注意名字必须且只能是:CFBLOG
这个位置注意名字必须且只能是:CFBLOG
这个位置注意名字必须且只能是:CFBLOG
注:我发帖时大佬说这个不一定是CFBLOG,可以是其他名字 ,这里的名字无所谓,只有后面的变量名必须是CFBLOG
KV 有1G空间。根据储存规则来说。只储存文字,文章还是不在少数,根据CF-BLOG官方说每天基本可以2WIP访问不是问题,既然都到了2W IP,就可以上VPS了。当然白嫖肯定很香。
在 Cloudflare 网络中存储应用程序数据,并从 Workers 访问键值对
每个人新建workers 好像是有个数限制,不过装一个博客还是没有问题 这里我们创建一个workers
代码是cloudflare-workers-blog的JS文件,复制index.JS代码复制到红色框内.
https://github.com/gdtool/cloudflare-workers-blog/blob/master/index.js
复制进去。然后点下面的保存并部署 ,这里面要修改的几个东西:
- 1、后台用户名和后台密码
- 2、域名、博客名称
- 3、博客描述和博客关键字
然后我们先保存
cloudflare 区域ID 和 清除缓存用的CF API token 还没有修改
3.获取 cloudflare 区域ID /CF API token
cloudflare 区域ID 令牌 点进解析到CF的域名,概述页面。右下角就会看到 有个区域ID 复制这个即可
如何获取清除缓存ID
也在获取您的AIP 令牌这里,点进去,我选择的第一个,也可以选择自定义令牌,其实选择那我感觉都差不多,
这里是选择缓存清除
区域-缓存清除-清除 三个框内内容都这样选择。然后可以选择编辑令牌名称,这个是区域DNS ,可以调整自己喜欢的名字
如果是这种情况,可以选择投放,就可以获得API
我们拿到了这两个需要再次返回修改 修改这里的清除缓存 的区域ID 和CF API token
4.域名绑定
我们新建一个域名 blog.cloudbim.net/blog.192.tw/blog.xsz.tw 这个IP随便填写,只需要把代理开着即可
我们要先把域名绑定到workers 点域名里面,再点 workers,点添加路由
现在我们绑定域名,点域名进去。然后再点workers 然后点添加路由。 如果没有是无法访问的。栗子博客这里认真仔细看了好多次。没有星号是老是报错。
域名后面是斜杠/*(斜杠后面是星号)
域名后面是斜杠/*(斜杠后面是星号)
域名后面是斜杠/*(斜杠后面是星号)
前面域名已经修改了。这里只需要绑定即可,不用再次修改。
5.绑定CFBLOG KV
其他东西都已经做好了现在就是绑定 KV 就可以运行了。不然随便怎么搞都不行。就这个位置我也折腾了好久。因为理解不同。不知道怎么搞定。
这个位置绑定CFBLOG这个KV ,
提醒:这里CFBLOG变量名是关键,变量名只能是CFBLOG 不能是其他名称
绑定了worker我们再修改下代码把域名修改下。然后我们就可以访问了。
blog.xsz.tw 这个域名KV命名空间绑定的时候。请变量名必须是CFBLOG
不然无法访问。上面我随便取了一个blog 结果无法访问。我新增一个,CFBLOG就可以访问了
总结:栗子博客为了写这个教程。截图都是几十张。而且还有点混乱。
官方教程:
创建workers 和KV
- 新建一个KV和一个workers,并绑定KV,变量名CFBLOG注意大写
域名设置
- 添加一个域名DNS: 例如
blog.gezhong.vip
,IP随意,橙色云朵必须打开 - 域名绑定到workers:域名—> workers —>添加路由
https://blog.gezhong.vip/*
- 获取缓存API token:域名概述—>右下角,记录
区域ID
,以及获取一个清理缓存的 API 令牌
,如图 - 粘贴源码中index.js内容到workers,根据需求修改参数
看一个成品站点。写了两篇文章。估计是因为缓存问题,目前只展示一篇文章。
这个主题简介啊