使用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托管,如果你使用其他解析商不行
1.(已注册可跳过此步骤)首先注册一个Cloudflare,填完信息后一般会让你添加网站,这里可以不添加,(如果你需要自定义域名的话,那么可以添加,如下图)点击左上角的CF图标即可,出现要添加域名后打开邮箱验证。
2.(workers已经弄过可以跳过此步骤)找到workers并打开,填入你想要的二级域名,这个以后是不能改变的噢,填好后选择免费计划。
然后顶栏有一个KV的选项,点击进去之后呢,我们添加一个,名称随意,然后保存。
3.打开原作者Github:https://github.com/gdtool/cloudflare-workers-blog
打开index.js,将里面的代码复制
如果你无法打开Github,请使用以下链接:
https://cdn.jsdelivr.net/gh/mcxiaolan/cloudflare-workers-blog@master/index.js
代码复制好以后创建一个worker将之前的代码粘贴到左边方框(不推荐使用手机粘贴,不然你可以试试),并修改左上角域名。(有域名的请点击保存,没域名的先别急着点)
4.这里是分叉点,我先教没有域名的,有域名的请跳第五步:
如果你什么都不懂是个萌新,你只需要修改蓝色的就好,如果你懂点的话,那么你可以继续往下修改。
蓝色下面的那两个请留空,因为你没有添加域名。
关键字:写完一个后,记得用英文逗号分割(你,我,他)
修改完点击保存以后,回到该worker界面,点击上面的设置,添加kv绑定,变量名称必须填CFBLOG
大写,然后选择你自己添加的KV,点击保存,然后你的网站就可以访问啦。
好是好,但是你没域名的话,就会导致没有区域ID,文章不能及时呈现哦。
5.这里是有域名的教程
打开域名概述,往下滑会有一个区域ID,复制保存好,待会还有API,然后点击获取API令牌。
点击API令牌,点击创建令牌
滑到最下面有一个创建自定义令牌,点击开始使用
给他起个名称,然后修改这三个框框,然后往下滑点击继续,然后点击创建令牌,然后复制好保存。
然后去编辑你的worker,将刚刚复制好的区域ID和API令牌放上去,然后修改你需要的域名。
修改完点击保存以后,回到该worker界面,点击上面的设置,添加kv绑定,变量名称必须填CFBLOG
大写,然后选择你自己添加的KV,点击保存。
打开你的域名,点击workers,点击添加路由
填入刚刚你在worker写的域名,然后加 /*
,然后选择你刚刚的worker,然后就可以点击保存。
然后点击DNS,添加一个A记录,名称根据你之前填的域名填,IP随意填,格式xx.xxx.xx.xx
,一定要被CF代理哦,也就是保持那个云朵是黄的,然后点击保存。
之后就完成咯,虽然教程很长,但是这个既免费又稳定,可长久使用,这不比那些免费虚拟主机香?不用害怕数据丢失!Cloudflare可是一个大厂。
截图
感受
虽然步骤难,但是用的很放心。
但是不得不说,这个内置的主题是真的丑
大家如果有什么好的主题的话,可以在评论区留言,好的话将会展示在下面。
Demo
https://cfblog.lantianya.ga (备用博客)
域名更换通知
本博客所有文章除特别声明外,均采用知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆许可协议进行许可。
如果你要转载文章,请询问作者,以相同方式进行非商业性搬运。
使用 来必力 作为评论,这可能需要一段时间才能加载。