• dushu.tw 读书网、小说免费阅读网站

DIY cloudflare 安装静态博客及安装评论

网站 举个栗子 247次浏览 已收录 0个评论 扫描二维码

cloudflare是什么? 估计搞网络的没有几个不知道

这又有大佬根据在cloudflare workers   再利用cloudflare KV 可以搭建一个博客

 

主要特点

  • 使用workers提供的KV作为数据库
  • 使用cloudflare缓存html来降低KV的读写
  • 所有html页面均为缓存,可达到静态博客的速度
  • 使用KV作为数据库,可达到wordpress的灵活性
  • 后台使用markdown语法,方便快捷
  • 一键发布(页面重构+缓存清理)

承载能力

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

 

部署步骤

  1. 创建workers 和KV
    • 新建一个KV和一个workers,并绑定KV,变量名CFBLOG注意大写
  2. 域名设置
    • 添加一个域名DNS: 例如blog.gezhong.vip,IP随意,橙色云朵必须打开
    • 域名绑定到workers:域名—> workers —>添加路由 https://blog.gezhong.vip/*
    • 获取缓存API token:域名概述—>右下角,记录区域ID,以及获取一个清理缓存的 API 令牌,如图
      DIY cloudflare 安装静态博客及安装评论
  3. 粘贴源码中index.js内容到workers,根据需求修改参数
  4. 进入/admin进行设置 和发布文章

主题扩展性

可以用任意主题为参照,快速开发出新主题,默认主题在Iconic One基础上做的,回头补充专题关于评论系统

由于本博客的缓存效果类似静态博客,评论依赖于第三方,这里推荐Valine,其他的我都对比过了,大家不用去看了Valine的国际版申请

国内版需要绑定手机,+实名认证,今天有点忙,自己先试着申请一下,回头补充专题,今天时间匆促,坑比较多,大家谅解,回头一一填平

前端演示:https://blog.gezhong.vip

DIY cloudflare 安装静态博客及安装评论

DIY cloudflare 安装静态博客及安装评论

关于valine

这是我精心挑选后,选定的唯一推荐的静态博客评论系统,其他的只字不提,也不做评价

主要优点

  • 国内可以打开
  • 国内速度快
  • 比较清爽

缺点

  • 国内用户注册需要绑定手机号
  • 还需要实名认证,what?我只需要一个评论系统而已

国际版的从申请到安装到cfblog

既然是一个国际化的公司,人家是提供国际服务的

设置cfblog的OPT参数

以下两个参数设置好即可

"codeBeforHead":`<script src='//unpkg.com/valine/dist/Valine.min.js'></script>`,
"commentCode":`
    <div id="vcomment" class="comments-area"></div>
    <script>
        new Valine({
            el:'#vcomment',
            appId: 'eWrOzSzYP1Fm8QDx96P0vKli-MdYXbMMI',
            appKey: 'jMF98EwbmKvdGnDLamPwsAk1',
            avatar:'monsterid',
            placeholder:"整两句..."
        })
    </script>
`,//评论区代码

举个栗子 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:DIY cloudflare 安装静态博客及安装评论
喜欢 (0)
举个栗子
关于作者:
建筑工地上施工员,闲暇时弄个博客打发时间,
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到