Gitalk

主要特性：

  • 使用 Github 登录
  • 支持多语言 [en, zh-CN, zh-TW]
  • 支持个人或组织
  • 无干扰模式（设置 distractionFreeMode 为 true 开启）
  • 快捷键提交评论 （cmd|ctrl + enter）
  • 支持MarkDown语法等

申请应用

    在Github上申请一个OAuth Application，步骤如下：

1.

1

2.
2

3.

3

4.

4

5.

5

请记下这个ID。

安装GitTalk

1
$ npm i --save gitalk

或者直接引入：

1
2
<link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">
<script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script>
1
2
import 'gitalk/dist/gitalk.css'
import Gitalk from 'gitalk'

新建一个Github仓库

主要是用来存储评论，新建方法不多说了，肯定都会。

修改配置文件

注：这是butterfly主题的配置方式，其他还请参考官方文档。https://github.com/gitalk/gitalk

1
2
3
4
5
6
7
gitalk:
  enable: true
  client_id: 你的client id 
  client_secret: 你的client secret
  repo: 你的github仓库名
  owner: 你的github用户名
  admin: 仓库拥有者

大功告成！

效果

效果

遇到的问题

gittalk报错Error:Not found

发现是Github应用的博客地址和回调地址填错了，更改之后就好了。

Error:Issues are disabled for this repo

去新建的评论仓库里将issues打开即可。

debug

未找到相关的 Issues 进行评论 请联系 @初始化创建

这个报错我也没有解决，但是发现只要进行登录也可以正常评论，查看了官方文档，发现好像就是这样，这个Page面并没有建立新的评论标题，即评论是空的就会有这个错误。

233

效果棒棒的，嘿嘿。 哦对了，记得更改语言哦，当然英语也不是不行

Valine

Valine 诞生于2017年8月7日，是一款基于LeanCloud的快速、简洁且高效的无后端评论系统。

理论上支持但不限于静态博客，目前已有Hexo、Jekyll、Typecho、Hugo、Ghost 等博客程序在使用Valine。

特性

  • 快速
  • 安全
  • Emoji 😉
  • 无后端实现
  • MarkDown 全语法支持
  • 轻量易用(~15kb gzipped)
  • 文章阅读量统计 v1.2.0+

获取APP ID 和 APP Key

请先登录或注册 LeanCloud, 进入控制台后点击左下角创建应用：

创建

应用创建好以后，进入刚刚创建的应用，选择左下角的设置>应用Key，然后就能看到你的APP ID和APP Key了：

获取

更改配置文件

1
2
3
4
5
6
7
8
9
10
11
12
13
valine:
  enable: false ## if you want use valine,please set this value is true
  appId: ## leancloud application app id
  appKey: ## leancloud application app key
  notify: false ## valine mail notify (true/false) https://github.com/xCss/Valine/wiki
  verify: false ## valine verify code (true/false)
  pageSize: 10 ## comment list page size
  avatar: monsterid ## gravatar style https://valine.js.org/#/avatar
  lang: en ## i18n: zh-cn/en
  placeholder: Please leave your footprints ## valine comment input placeholder(like: Please leave your footprints )
  guest_info: nick,mail,link #valine comment header info
  bg: /img/comment_bg.png ## valine background
  count: false ## top_img顯示評論數

效果

效果

还有好几个插件可以实现，有兴趣的同学可以自己去搜一下，而且最新的Hexo已经支持在线即时聊天的服务啦~