关于CF workers blog 版本更新

By | 2020-12-25

新版本特点

继大佬丢出第一版CF workers blog,马上又发布了第二版,不得不说,@zhuban大佬太牛了,行动力和技术都是杠杠的!
项目地址:https://github.com/gdtool/cloudflare-workers-blog
大佬提示:本次更新,主要针对seo和阅读次数,原程序无需任何强制调整,无需任何强制设置

更新内容:

  • 默认启用highlight.js代码高亮
  • 为方便SEO,文章单页以及类别页,title,keywords 自动个性化
  • 增加参数opt.widgetOther,有了它你可以在右侧增加任意小模块,例如”友情链接”
  • 后台修改为默认显示文章列表
  • 模板增加了一个class=”leancloud_visitors”的默认隐藏span标签,用来配合Valine显示文章阅读次数

    旧版本如何更新到新版本

    1. 移除highlight.js代码高亮

    如果你的OPT设置了highlight.js代码高亮,请从OPT里移除,因为默认已经开启

    2. 增加Valine静态博客评论模块

    由于cfblog属于一个准静态博客,不提供评论系统,只能使用第三方.
    这里大佬推荐使用valine,理由是国内可以访问而且速度不错,相对也比较简洁,但有一个问题就是国内版需要实名,我们注册国际版就好啦.
    国际版注册地址:https://console.leancloud.app/login.html#/signup
    注册好账号后,点击创建应用—>点击应用的设置—>应用Keys,然后记下AppId和APPKey,一会我们要用到.如图

接着设置OPT的三个参数,codeBeforHead参数引入Valine.js, commentCode参数设置评论区,"otherCodeA":阅读次数:,visitor: 'true',则是用来给文章显示阅读次数的,把AppId和APPKey替换成自己的,代码如下.

"codeBeforHead":`<script src='//unpkg.com/valine/dist/Valine.min.js'></script>`,
"commentCode":`
    <div id="vcomment" class="comments-area"></div>
    <script>
        new Valine({
            visitor: 'true',
            el:'#vcomment',
            appId: 'eWrOzSzYP1Fm8QDx96P0vKli-MdYXbMMI',
            appKey: 'jMF98EwbmKvdGnDLamPwsAk1',
            avatar:'monsterid',
            placeholder:"整两句..."
        })
    </script>
`,//评论区代码
"widgetOther":``,//右侧扩展参数
"otherCodeA":`阅读次数:`//显示阅读次数

3. 增加widgetOther变量

OPT里增加一个widgetOther变量,用来增加右侧模块代码,例如”友情链接”

4. 重新粘贴index.js最后一行代码并保存部署

5. 清除CF workers blog缓存

如果你已经部署了旧版的CF-Blog,是需要清除缓存重新生成的,打开CF->缓存->配置->清除缓存,一般选择自定义清除,选择自己的博客URL清除方式,当然也可以选择所有内容清除,静等一分钟后刷新,CF-Blog就完美展现了.