Gitment评论功能接入

2018-05-10

评论模块简介

  • 多说 - 最多用户使用的评论,但遗憾2017年6月将暂定服务;不建议新用户使用,但为旧用户保留,也感谢多说一路的陪伴;
  • 网易云跟帖 - 网易提供的评论组件,功能比较简单,性能优秀;管理后台在查询上还不算特别智能,但足够普通用户使用;
  • 畅言 - 搜狐提供的评论组件,功能丰富,体验优异;但必须进行域名备案。只要域名备过案就可以通过审核,简单问题复杂化。
  • Disqus - 国外使用较多的评论组件。万里长城永不倒,一枝红杏出墙来,你懂的。
    以上评论模块,多说和网易云跟帖没有了,畅言要备案。Disqus被墙,我们都希望自己的博客可以不分国界!所以Disqus也只能放弃

Gitment评论模块

Gitment is a comment system based on GitHub Issues, which can be used in the frontend without any server-side implementation.

Gitment 基于 GitHub Issues 的评论系统。支持在前端直接引入,不需要任何后端代码。可以在页面进行登录、查看、评论、点赞等操作,同时有完整的 Markdown / GFM 和代码高亮支持。尤为适合各种基于 GitHub Pages 的静态博客或项目页面。

由于这个博客系统采用了vuejs,所以github找到了一个基于vuejs封装的组件模块,top-gitment

安装与使用

npm i top-gitment -S

然后在 Nuxt目录下的plugins新建一个component.js文件,插入以下代码:

import Vue from "vue";
import TopGitment from 'top-gitment';
Vue.use(TopGitment)

注意点

  1. Error: Comments Not Initialized
  • 在注册OAuth Application这个步骤中,给Authorization callback URL指定的地址错了
  • 还没有在该页面的Gitment评论区登陆GitHub账号
    如果还是不行,可以参考另一个情况 Error: Comments Not Initialized

总结

Gitment目前来说,已经解决了一个博客简单的评论功能,点赞 / 有完整的 Markdown / GFM 和代码高亮支持!

Tags: github