岚天呀
在蓝天中寻找快乐
LTY's Blog

使用Cloudflare Workers免费搭建静态博客,还有后台!

视频教程

【B站首发!使用Cloudflare workers免费搭建静态博客教程来啦!-哔哩哔哩】https://b23.tv/OVXJRM

主要特点

  • 使用workers提供的KV作为数据库
  • 使用Cloudflare缓存html来降低KV的读写
  • 所有html页面均为缓存,可达到静态博客的速度
  • 使用KV作为数据库,可达到大多数博客程序(如:WordPress、Typecho等)的灵活性
  • 后台使用markdown语法,方便快捷
  • 一键发布(页面重构+缓存清理)
  • 主题仅由一个html界面组成,随意修改
  • 带有后台,添加友链、评论区等有手就行(

限制

  • KV基本不存在限制,因为使用了缓存,读写很少
  • 唯一是workers免费版的每天只允许访问100000次,大概20000IP/天,小博客绰绰有余
  • 文章数:免费1G存储空间,几万篇问题不大

开始

Cloudflare的简称是CF,不是穿越火线

CF默认赠送三级域名,觉得长的话可以把自己的域名添加进来哦(自定义.自定义.workers.dev)

截取的图片,因为忘记关代理,所以导致一直是英文,不过我相信大多数人应该都看得懂

特别提醒:如果要自定义域名,你的域名必须放在Cloudflare托管,如果你使用其他解析商,最好通过CNAME接入

1.(已注册可跳过此步骤)首先注册一个Cloudflare,填完信息后一般会让你添加网站,这里可以不添加,(如果你需要自定义域名的话,那么可以添加,如下图)点击左上角的CF图标即可,出现要添加域名后打开邮箱验证。

添加域名

2.(workers已经弄过可以跳过此步骤)找到workers并打开,填入你想要的二级域名,这个以后是不能改变的噢,填好后选择免费计划。

workers域名

然后顶栏有一个KV的选项,点击进去之后呢,我们添加一个,名称随意,然后保存。

添加KV

3.打开原作者Github:https://github.com/gdtool/cloudflare-workers-blog
打开index.js,将里面的代码复制
如果你无法打开Github,请使用以下链接:
https://cdn.jsdelivr.net/gh/mcxiaolan/[email protected]/index.js
代码复制好以后创建一个worker将之前的代码粘贴到左边方框(不推荐使用手机粘贴,不然你可以试试),并修改左上角域名。(有域名的请点击保存,没域名的先别急着点)

4.这里是分叉点,我先教没有域名的,有域名的请跳第五步:
如果你什么都不懂是个萌新,你只需要修改蓝色的就好,如果你懂点的话,那么你可以继续往下修改。
蓝色下面的那两个请留空,因为你没有添加域名。
关键字:写完一个后,记得用英文逗号分割(你,我,他)

修改代码

修改完点击保存以后,回到该worker界面,点击上面的设置,添加kv绑定,变量名称必须填CFBLOG大写,然后选择你自己添加的KV,点击保存,然后你的网站就可以访问啦。

绑定KV

好是好,但是你没域名的话,就会导致没有区域ID,文章不能及时呈现哦。

5.这里是有域名的教程
打开域名概述,往下滑会有一个区域ID,复制保存好,待会还有API,然后点击获取API令牌。

区域ID & 获取API令牌

点击API令牌,点击创建令牌

api

滑到最下面有一个创建自定义令牌,点击开始使用

自定义令牌

给他起个名称,然后修改这三个框框,然后往下滑点击继续,然后点击创建令牌,然后复制好保存。

API权限

然后去编辑你的worker,将刚刚复制好的区域ID和API令牌放上去,然后修改你需要的域名。

域名修改

修改完点击保存以后,回到该worker界面,点击上面的设置,添加kv绑定,变量名称必须填CFBLOG大写,然后选择你自己添加的KV,点击保存。

绑定KV

打开你的域名,点击workers,点击添加路由

添加路由

填入刚刚你在worker写的域名,然后加 /* ,然后选择你刚刚的worker,然后就可以点击保存。

绑定worker

然后点击DNS,添加一个A记录,名称根据你之前填的域名填,IP随意填,格式xx.xxx.xx.xx,一定要被CF代理哦,也就是保持那个云朵是黄的,然后点击保存。

添加记录

之后就完成咯,虽然教程很长,但是这个既免费又稳定,可长久使用,这不比那些免费虚拟主机香?不用害怕数据丢失!Cloudflare可是一个大厂。

截图

前台
后台写文章
后台设置
后台清除缓存(仅限绑域名)

感受

虽然步骤难,但是用的很放心。

但是不得不说,这个内置的主题是真的丑
大家如果有什么好的主题的话,可以在评论区留言,好的话将会展示在下面。

Demo

https://xiaolan.eu.org (备用博客)

赞赏
如果您觉得我们的文章写的不错,对您有所帮助,您可以捐赠支持我们。您的捐赠可以让我们的小破站活得更久🥺
本文链接:https://blog.ltya.top/tutorial/144.html
本文采用 署名-非商业性使用-相同方式共享 4.0 国际 协议进行许可,您可以自由转载但不得商业化使用且须保留原文章信息。
(最好可以发个评论让作者知道awa)

岚天呀

文章作者

小岚的小窝 文章作者

发表评论

textsms
account_circle
email

LTY's Blog

使用Cloudflare Workers免费搭建静态博客,还有后台!
Cloudflare也能搭建博客?
扫描二维码继续阅读
2021-07-03