【教程】Hexo中Twikoo评论系统配置教程

Hexo博客里面支持的评论系统有： Disqus 、 Disqusjs 、 Livere 、 Gitalk 、 Valine 、 Waline 、 Utterances 、 Facebook Comments 、 Twikoo 、 Giscus ，这里面有的评论有的是国外的服务器、有的有广告，本文要讲的 Twikoo 是在butterfly3.3之后支持的，它支持邮件提醒、微信提醒等功能，还是非常好用的。

温馨提示 ：如果你已经拥有云开发环境，可以忽略这一步，直接到【登录授权】。

1、 进入 云开发CloudBase ，进行 登录 、 实名认证 *** 作，点击 控制台 ：

5、 按照上面的步骤 *** 作之后，我们会拥有一个云开发环境：

环境 - 登录授权 - 开启【匿名登录】

环境 - 安全配置 - 添加域名：将自己的域名添加进去

1、 环境 - 云函数 - 新建云函数

打开 主题butterfly 下的配置文件

显示效果如下：

关于其他的评论系统的配置请参考： butterfly主题官方文档

关于Twikoo评论系统详细文档请参考： Twikoo官方文档

另外，欢迎去我的 个人博客 溜达溜达。

评论可以使用多说 - 社会化评论系统或者Disqus。按照文档将其配置好即可。对于访问量有很多解决方案。但最简单的就是使用不蒜子 - 极简网页计数器。虽然官网做的有点简陋，但还是很好用的。其原理是根据url做统计，并没有id或者token。因此在更改域名后统计会从零开始，这是唯一一个缺点。

Next默认风格是Muse，可修改为其他，在 themes/next/_config.yml 中修改配置

Next主题默认只有主页和和关于，如果要增加菜单，在 themes/next/_config.yml 中修改配置，

注意，留言页默认是没有的，需要自己增加：

效果如下：

在 themes/next/_config.yml 中修改配置，

图片需要存在目录路径

效果如下：

在 themes/next/_config.yml 中修改配置，

效果如下：

在 themes/next/_config.yml 中修改配置，

效果如下：

在 themes/next/_config.yml 中修改配置，这里选了 canvas_next ，有四种效果，根据自己的喜好选择。（如设置了没有成功，请【1.更新Next主题版本2.运行命令：hexo clean；hexo g；hexo d】）

效果如下：

安装插件：

在 themes/next/_config.yml 中修改配置，

打开 post.swig 文件， /themes/next/layout/_macro/post.swig ，在对应数字后增加单位：

字数：

阅读时长：

效果如下：

安装插件：

在 themes/next/_config.yml 中修改配置：

效果如下：

在 themes/next/_config.yml 中修改配置：

效果：

使用LeanCloud作为服务后台，

先注册一个LeanCloud账号：

Leancloud官网

创建一个应用，名字随便

在应用中的存储中创建一个Class，名字叫做 Counter , 权限设置为无限制:

在 themes/next/_config.yml 中修改配置：

其中 app_id 和 app_key 在 LeanCloud 的设置 ->应用 Key 可以找到

效果如下:

记录文章访问量的唯一标识符是文章的发布日期以及文章的标题，因此请确保这两个数值组合的唯一性，如果你更改了这两个数值，会造成文章阅读数值的清零重计

使用valine+LeanCloud增加评论功能。

在 themes/next/_config.yml 中修改配置：

注意appid和appkey的名字需要和项目中的valine.swig文件中的配置一致。否则不会加载评论框的哦。

这里需要注意，为了安全和valine运行正常，需要在LeanCloud中增加安全域名：

---