博客评论插件Beaudar安装使用

发表于 更新于 分类于 阅读次数： Changyan： 本文字数： 904 阅读时长 ≈ 1 分钟
Beaudar 是基于 GitHub issue 的轻量评论插件，Utterances 的中文版本，本篇记录怎么集成到博客里面使用

Beaudar

Hexo主题选用的Stellar

基于 GitHub issue 的轻量评论插件，Utterances 的中文版本，官网在这里

Beaudar 是如何工作的？

Beaudar 加载时，将使用 GitHub issue 搜索 API 根据 url，“路径名”或“标题”查找与页面相关的 issue。如果找不到与页面匹配的 issue，即没有评论，当有人首次发表评论时，Beaudar-bot 会自动创建一个 issue。

配置使用

  1. 准备

Beaudar 的配置方法很简单，创建一个仓库blog-comments，在仓库中创建一个域名白名单文件beaudar.json，然后在此处授权安装即可。

beaudar.json文件

1
2
3
4
5
6
{
  "origins": [
    "https://...",
    "http://localhost:4000"
  ]
}
  1. Hexo配置

在主题配置文件里_config_[theme].yml里面增加如下配置

1
2
3
4
5
# 评论 [beaudar](https://beaudar.lipk.org/) 插件
comments:
  service: beaudar
  beaudar:
    repo: all-smile/blog-comments # 指向你自己的repo

效果展示

使用GitHub登录后评论

问题处理

  1. blog-comments 仓库默认分支为main

解决：

进入blog-comments 仓库，在 settings -> branches 里面，修改 Default branch 为 main

  1. Hexo 本地服务测试Beaudar，添加白名单配置

解决：

修改beaudar.json文件

1
2
3
4
5
6
{
  "origins": [
    "https://...",
    "http://localhost:4000"
  ]
}

我是 甜点cc

热爱前端，也喜欢专研各种跟本职工作关系不大的技术，技术、产品兴趣广泛且浓厚，等待着一个创业机会。主要致力于分享实用技术干货，希望可以给一小部分人一些微小帮助。

我排斥“新人迷茫，老人看戏”的现象，希望能和大家一起努力破局。营造一个良好的技术氛围，为了个人、为了我国的数字化转型、互联网物联网技术、数字经济发展做一点点贡献。数风流人物还看中国、看今朝、看你我。