记录学习与后端知识并分享学习代码过程(会飞的鱼Blog)

CF-Blog搭建步骤(cloudflare workers 搭建博客图文版)

会飞的鱼 0 1058 2020年12月24日

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,根据需求修改参数

看一个成品站点。写了两篇文章。估计是因为缓存问题,目前只展示一篇文章。

本文由 @会飞的鱼 于 2020-12-24 发布在 会飞的鱼Blog,如无特别说明,本博文章均为原创,转载请保留出处。

网友评论

    暂无评论

会飞的鱼 在线咨询

在线时间:9:00-22:00
周六、周日:14:00-22:00