给Blogger添加了Waline评论

7/25/2023

刚开始用Blogger的时候发现自带的评论功能由于依赖google服务导致大陆地区无法使用，想着虽然是个小破博客，也没几个人评论，于是就关闭了评论。

后来发现有人发邮件联系我，这才意识到博客虽然破，但偶尔还是有人会看，并且想发表点意见，于是着手开始解决评论的问题。

这两天对市面上各种第三方评论进行筛选，发现合适的并不多，一些比较知名的第三方评论由于网络问题在大陆地区访问都不稳定。经过评估最后决定使用Waline

关于Waline的部署和使用在官方文档里已经说的很详细了，这里就不再赘述了，重点记录下怎么把Waline添加到Blogger中。

编辑Blogger模板Html之前请首先备份，首先备份，首先备份

1、/head前引入官方CSS，https://unpkg.com/@waline/client@v2/dist/waline.css

2、在“/body”前添加


《script type="module"》
    import { init } from 'https://unpkg.com/@waline/client@v2/dist/waline.mjs';

    init({
      el: '#waline',
      serverURL: 'https://your-domain.vercel.app',
    });
  《/script》
  
  “《》”自行替换

3、删除《b:includable id='comments' var='post'》和《/b:includable》之间的代码（根据Blogger主题不同会有细微区别），替换如下：


《div id='waline'/》
“《》”自行替换

4、Waline会自动获取文章URL，不用指定文章ID，保存后就可以正常使用了，根据自己的主题调整一下CSS即可。

版权所属：奕奕博客