#1
jjboom
· 2026-06-01 03:27:54
stalltrix
这里的"动态blog"是指动态页面博客，与静态页面博客做区别。
静态页面博客就是hexo那种，本地写完后，使用nodejs编译为静态html页面，上传到github pages与cf pages上。缺点就在于想发新博客，需要本地有编译环境才能生成新的html页面
1.项目
cf blog在github上有很多项目，这里使用一个：https://github.com/gdtool/cloudflare-workers-blog 做示例。
> 这个觉得md编辑器不够强大，可以看看这个修改版：https://github.com/Arronlong/cfblog-plus
不过这些项目好久都未更新，不过实测现在还能用。也有其他项目，原理大差不差。可以自行寻找。
此 cf blog运行在cloudflare workers 上的博客程序,使用cf KV作为数据库,而非纯静态页面，可以直接浏览器在线编辑，而无需本地环境，无其他依赖
2.配置缓存key
建议使用cloudflare缓存html来降低KV的读写以及worker的日消耗额度。开启了缓存，还可以让其达到静态博客的速度。这个配置缓存，所有博客文章的边缘缓存强制缓存为1天
但是问题来了。缓存后我们修改了新文章，那么还是旧文章，这里我们就需要一个API，让程序自动帮你在搞完文章的时候自动操作缓存，这里我们就需要设置一个缓存key，让他自动调用cf key操作
把const OPT = {... 中的key，替换为自己的缓存cf key就能操作了。cf key去API令牌管理页面，创建一个令牌，
###3.部署
这玩意不难，简单说下：
1.注册Cloudflare账号：https://dash.cloudflare.com
2.购买域名，将域名托管到CloudFlare中。（这个基本操作，就不介绍了）
3.新建KV命名空间
打开CloudFlare主页，点击右侧的“构建”，然后点击“存储和数据库”项，进入“Worker KV”页面。
(新版CF的dash变了好多，有点不一样，重新找了下)
在命名空间名称输入框里任意输入一个名称，这里就使用cfblog了，也可以自定义名称，之后使用这个名称就行了。点击添加即可。如下图所示：
3.创建Workers
点击“计算”的“orkers 和 Pages”项，进入Workers 和 Pages 概述，点击“创建应用程序”，点击“创建Workers”，点击“编辑代码”.
把index.js（部分项目叫index_plus.js）中的内容替换workers的内容。
点击“保存并部署”后。返回该workers的配置页面，然后接下来到“设置”–"变量"选项卡，绑定“KV
4.绑定KV
去绑定worker KV命名空间，转到绑定这里，添加绑定，类型选择KV
变量名就是之前设置的kv名称cfblog，下拉选择新添加的KV命名空间，点击绑定。
再将页面滑到上面，点击“编辑”那里，重新打开workers的编辑页面添加各类配置。把你的kv名称配置也改为上面设置的cfblog。以及其他变量改为你自己的
就是`const OPT = {...`的哪个，之前设置缓存key的时候用到了的哪个位置
这些配置根据配置说明进行配置即可，就不详细说明了。改完后记得保存，不要直接退出忘记了。
可以点击右侧的“预览”选项卡进行预览，能成功出现页面就说明配置成功了。
5.配置域名访问
默认是workers.dev这种域名，搜索引擎不容易收录。并且大陆访问有问题，这里就需要配置一个自己的域名。
转到域名那里，点进去，选择worker路由，绑定worker路由。域名绑定就设置为 `blog.example.com/*` 这种。然后转到dns记录，把子域名blog解析到一个非cf ip上（可以解析到某些域名商的停靠页面IP）
访问你的域名试试，看看是否正常使用
最后
其实cf blog有很多程序实现，这个例子是选择了一个最简单的单文件index.js 的cf blog程序,方便新手理解。其实也有很多使用Next.js框架部署的cf blog，功能功能更多，也更华丽，就是复杂度比较高，如果熟悉了可以自行去探究这些复杂的，就不多做介绍了
