通过CloudFlare免费部署一个永久博客!
2022年 12月 06 日

UiharuKazari

CloudFlare是一家非常有实力的CDN厂商,同时我最近发现他的Worker还能够搭建一个永久免费的博客!故分享一下如何使用CloudFlare搭建一个个人博客

示例站点:cfblog.misaka-network.ga

此博客是通过CloudFlare的Workers KV作为数据库存储文章等信息,有1GB的存储限制 不过存存博客文章够存好多了

CloudFlare官网:
1.首先创建一个worker KV空间
WorkerKV
新建命名空间
接着新建一个命名空间

命名空间名称随意,我这里就命名为cfblog
命名空间命名
到此为止workerKV空间的准备工作就做好了
接下来是Worker

2.创建一个Worker
创建Worker

创建服务
服务名称随意,cf会根据你的服务名称给你一个三级域名(但是这个域名已经被xx了,国内无法访问)
之后创建服务

准备一个域名,作为你CF-Blog的访问域名,且此域名需要接入CloudFlare
往期文章:

  1. 如何申请免费eu.org域名
  2. 如何使用CloudFlare的免费CDN
  3. 通过CNAME接入CloudFlare

我这里以cfblog.misaka-network.ga为例
添加一条解析,地址随意
添加解析
这里的解析地址随意,顺便记得去 域名->SSL/TLS->边缘证书 中打开 始终使用 HTTPS 选项,不然后续会出错

设置好域名后回到Worker添加路由 Worker->触发器->路由
添加路由

添加 https://cfblog.misaka-network.ga/ 这样的 https:// 你的域名 /
区域就选择你的域名
添加路由

添加路由后访问你的域名,此时应该会显示hello world
到这里你已经成功了大半

2022-12-06 01:27 啊啊啊啊啊写不下去了明天再写吧

3.将Worker绑定一个WorkerKV
转到Workers->设置->变量->KV 命名空间绑定 来绑定刚刚的KV空间
绑定WokerKV

添加绑定
KV 命名空间就选择刚刚创建的,我刚刚创建的是cfblog
变量名称一定要是 CFBLOG (要是大写!)
添加绑定
绑定好后就是这样
绑定完成
接着进入下一步

4.部署源码
在部署源码之前要先创建一个Key
概述->获取您的API令牌
新建Key
创建令牌
创建API令牌
使用编辑区域DNS令牌 选择创建模板
创建令牌

权限调整成缓存清除
API令牌
创建完成后保存好这段密钥,它只会显示一次 这段密钥之后会用到

接着到github.com/gdtool/cloudflare-workers-blog 下载项目,不过考虑到部分区域无法正常访问Github,故站长上传了蓝奏云 下载地址
下载项目

下载下来是一个名叫cloudflare-workers-blog-master.zip的压缩包,解压后我们编辑index.js文件
编辑文件
这里需要修改siteDomain后面的键为自己博客的域名
名称,描述,关键字等可以自行修改
cacheZoneId后面的字段需要到CloudFlare中获取
获取区域 ID
把cacheZoneId后面的字段修改成这个 区域 ID

cacheToken后面的字段修改成刚刚创建的API令牌,也就是那个只显示一次的密钥
API令牌

对了,由于此博客系统默认调用raw.githubusercontent.com的文件,所以在国内可能出现速度慢,不稳定等情况,站长给大家也搭建了一个比较稳定的调用链接:https://cdn.cf-blog.cf/file/cf-blog/default2.0/

可以把
"themeURL" : "https://raw.githubusercontent.com/gdtool/cloudflare-workers-blog/master/themes/default2.0/",
这个字段给替换成
"themeURL" : "https://cdn.cf-blog.cf/file/cf-blog/default2.0/",
即可

这是CF-Blog其它可以修改的参数,扩展性还是蛮高的
其它可修改参数

之后复制index.js中的代码,来到Workers,选择刚刚创建的Workers 选中快速编辑
选中快速编辑

将刚刚复制的代码粘贴进去
粘贴代码
就像这样,然后选择保存并部署

再次打开你的域名就是博客页面了

介绍
CFBLOG是一个基于CloudFlare的Workers为基础,以WorkersKV为数据库开发的博客程序

其特点有

  1. cloudflare KV作为数据库 无其他依赖
  2. 兼容静态博客的速度,以及动态博客的灵活性
  3. 使用cloudflare缓存html来降低KV的读写
  4. 所有html页面均为缓存,故可达到静态博客的速度
  5. 使用KV作为数据库,可达到wordpress的灵活性
  6. 一键发布(页面重构+缓存清理)

用此方案搭建的博客承载能力

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

所以这个博客还是非常强大的,不仅页面清爽 后台简洁 其markdown语法也给博客文章带来了更多可能性

通过CloudFlare免费部署一个永久博客!

温馨提示:

本文最后更新于2022年12月06日,已超过178天没有更新,若内容或图片失效,请留言反馈。

CloudFlare是一家非常有实力的CDN厂商,同时我最近发现他的Worker还能够搭建一个永久免费的博客!故分享一下如何使用CloudFlare搭建一个个人博客

示例站点:cfblog.misaka-network.ga

此博客是通过CloudFlare的Workers KV作为数据库存储文章等信息,有1GB的存储限制 不过存存博客文章够存好多了

CloudFlare官网:
1.首先创建一个worker KV空间
WorkerKV
新建命名空间
接着新建一个命名空间

命名空间名称随意,我这里就命名为cfblog
命名空间命名
到此为止workerKV空间的准备工作就做好了
接下来是Worker

2.创建一个Worker
创建Worker

创建服务
服务名称随意,cf会根据你的服务名称给你一个三级域名(但是这个域名已经被xx了,国内无法访问)
之后创建服务

准备一个域名,作为你CF-Blog的访问域名,且此域名需要接入CloudFlare
往期文章:

  1. 如何申请免费eu.org域名
  2. 如何使用CloudFlare的免费CDN
  3. 通过CNAME接入CloudFlare

我这里以cfblog.misaka-network.ga为例
添加一条解析,地址随意
添加解析
这里的解析地址随意,顺便记得去 域名->SSL/TLS->边缘证书 中打开 始终使用 HTTPS 选项,不然后续会出错

设置好域名后回到Worker添加路由 Worker->触发器->路由
添加路由

添加 https://cfblog.misaka-network.ga/ 这样的 https:// 你的域名 /
区域就选择你的域名
添加路由

添加路由后访问你的域名,此时应该会显示hello world
到这里你已经成功了大半

2022-12-06 01:27 啊啊啊啊啊写不下去了明天再写吧

3.将Worker绑定一个WorkerKV
转到Workers->设置->变量->KV 命名空间绑定 来绑定刚刚的KV空间
绑定WokerKV

添加绑定
KV 命名空间就选择刚刚创建的,我刚刚创建的是cfblog
变量名称一定要是 CFBLOG (要是大写!)
添加绑定
绑定好后就是这样
绑定完成
接着进入下一步

4.部署源码
在部署源码之前要先创建一个Key
概述->获取您的API令牌
新建Key
创建令牌
创建API令牌
使用编辑区域DNS令牌 选择创建模板
创建令牌

权限调整成缓存清除
API令牌
创建完成后保存好这段密钥,它只会显示一次 这段密钥之后会用到

接着到github.com/gdtool/cloudflare-workers-blog 下载项目,不过考虑到部分区域无法正常访问Github,故站长上传了蓝奏云 下载地址
下载项目

下载下来是一个名叫cloudflare-workers-blog-master.zip的压缩包,解压后我们编辑index.js文件
编辑文件
这里需要修改siteDomain后面的键为自己博客的域名
名称,描述,关键字等可以自行修改
cacheZoneId后面的字段需要到CloudFlare中获取
获取区域 ID
把cacheZoneId后面的字段修改成这个 区域 ID

cacheToken后面的字段修改成刚刚创建的API令牌,也就是那个只显示一次的密钥
API令牌

对了,由于此博客系统默认调用raw.githubusercontent.com的文件,所以在国内可能出现速度慢,不稳定等情况,站长给大家也搭建了一个比较稳定的调用链接:https://cdn.cf-blog.cf/file/cf-blog/default2.0/

可以把
"themeURL" : "https://raw.githubusercontent.com/gdtool/cloudflare-workers-blog/master/themes/default2.0/",
这个字段给替换成
"themeURL" : "https://cdn.cf-blog.cf/file/cf-blog/default2.0/",
即可

这是CF-Blog其它可以修改的参数,扩展性还是蛮高的
其它可修改参数

之后复制index.js中的代码,来到Workers,选择刚刚创建的Workers 选中快速编辑
选中快速编辑

将刚刚复制的代码粘贴进去
粘贴代码
就像这样,然后选择保存并部署

再次打开你的域名就是博客页面了

介绍
CFBLOG是一个基于CloudFlare的Workers为基础,以WorkersKV为数据库开发的博客程序

其特点有

  1. cloudflare KV作为数据库 无其他依赖
  2. 兼容静态博客的速度,以及动态博客的灵活性
  3. 使用cloudflare缓存html来降低KV的读写
  4. 所有html页面均为缓存,故可达到静态博客的速度
  5. 使用KV作为数据库,可达到wordpress的灵活性
  6. 一键发布(页面重构+缓存清理)

用此方案搭建的博客承载能力

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

所以这个博客还是非常强大的,不仅页面清爽 后台简洁 其markdown语法也给博客文章带来了更多可能性


版权属于:UiharuKazari 所有,采用《知识共享署名许可协议》进行许可,转载请注明文章来源。

本文链接: https://defunctions.com/other/build_blog_web_by_cloudflare_worker.html

赞 (3)

评论区(2条评论)

我要评论


skr
LV1

真不戳,cloudflare啥都能干。
初次见面,cloudflare让我慢慢熟悉o(*////▽////*)q

UiharuKazari
博主
skr

还得感谢你发现这么好个博客系统

回复 1