博客功能更新 —— 增加评论系统（已弃用waline）

研究了两个晚上，有点复杂嘞，做个记录吧。

安装waline评论系统

修改配置文件

在 _config.butterfly.yml 文件中

comments:
  # 最多两个评论系统，第一个将作为默认显示
  # 如果不需要评论功能，保持为空
  # Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/Artalk
  # 两个评论系统的格式：Disqus,Waline
  use: Waline

然后再修改下面的

# Waline - A simple comment system with backend support fork from Valine
# https://waline.js.org/
waline:
  serverURL: https://waline.bd6khe.cn  # 必填！你的 Waline 后端地址
  bg:  # 背景图（可选）
  pageview: true  # 使用 Waline 的 pageview 和 visitor 统计功能
  option:

默认option:后是啥也没有的，是自定义选项，我添加了以下配置，参考学习了半方池水半方田的博客

更多客户端属性可在组件属性 | Waline 中进行探索。

如何将 Waline 官方文档中的内容与 Butterfly 主题配置中 option 字段结合起来？我们只需要关注官网文档示例中 JavaScript 代码片段里的 init 字段，把自定义的地方放到 option 中。

以下是我的配置：

option:
    locale: {
      nick: '昵称',
      mail: '邮箱',
      link: '你的网站',
      placeholder: '填写数字QQ邮箱可以自动获取QQ头像',
      requiredMeta: [],
      sofa: '评论区空空如也~呜呜呜',
      anonymous: '匿名的野猫',
      login: '登录(可选)'
      }
    
    emoji:
      - https://github.elemecdn.com/@waline/emojis@1.2.0/tieba/ 
      - https://github.elemecdn.com/@waline/emojis@1.2.0/bilibili/
      - https://github.elemecdn.com/@waline/emojis@1.2.0/qq/
      - https://github.elemecdn.com/@waline/emojis@1.1.0/weibo
    
    search: false                      # 关闭表情搜索功能
    meta: [nick, mail, link]           # 用户填写的信息字段
    requiredMeta: [nick, mail]         # 必填字段
    wordLimit: 0                       # 评论字数限制（0 表示无限制）
    imageUploader: false               # 是否启用图片上传（需后端支持）
    login: 'enable'                    # 登录功能：可选 'enable'/'disable'/'required'
    pageview: true                     # 显示阅读量
    reaction: false                    # 开启文章反应评价
    pageSize: 5                        # 每页展示评论的条数
    noCopyright: true                  # 是否隐藏页脚版权信息

定制自己的 Waline 评论系统

参考文章半方池水半方田的博客，非常感谢这位大佬写的文章，对我帮助很大。

配置头像服务

我配置了服务端的环境变量

环境变量名称	Waline 默认值	备注
GRAVATAR_STR	`https://cravatar.cn/avatar/{{mail\|md5}}?d=retro`	前面链接可换，d值可换，具体看我参考的那篇文章

其他配置

后续更新配置的话，我会写在这里。