【Hexo】Twikoo评论系统配置教程
写在前面
Hexo博客里面支持的评论系统有:Disqus
、Disqusjs
、Livere
、Gitalk
、Valine
、Waline
、Utterances
、Facebook Comments
、Twikoo
、Giscus
,这里面有的评论有的是国外的服务器、有的有广告,本文要讲的Twikoo
是在butterfly3.3之后支持的,它支持邮件提醒、微信提醒等功能,还是非常好用的。
注意:本文仅针对腾讯云的部署方式中的「手动部署」,其他详细部署方式请参考官方文档。
购买云开发套餐
温馨提示:如果你已经拥有云开发环境,可以忽略这一步,直接到【登录授权】。
1、进入云开发CloudBase,进行登录、实名认证操作,点击控制台:
2、点击云产品,选择云开发CloudBase:
3、点击新建,选择空模板,点击下一步:
4、选择合适的套餐进行购买:
温馨提示:
地域选择【上海】
计费方式选择【包年包月】
环境名称自由填写
套餐版本选择【特惠基础版1】
5、按照上面的步骤操作之后,我们会拥有一个云开发环境:
注意:记录一下这个环境ID,我们后面会用。
登录授权
环境 - 登录授权 - 开启【匿名登录】
安全配置
环境 - 安全配置 - 添加域名:将自己的域名添加进去
温馨提示:
如果更改了域名发现评论加载不出来的情况,请记得回来更改为最新域名,尤其是那些刚开始使用 github.io来作为自己博客域名的童鞋,哪天购买了自己的域名,记得换,记得换,记得换(重要的事情说三遍)。
云函数
1、环境 - 云函数 - 新建云函数
温馨提示:
函数名称填写:
twikoo
创建方式选择:空白函数
运行环境选择:Nodejs10.15
函数内存选择:128M
必须按照上面的方式选择,不要瞎选瞎写好吧。
2、清空上图中「函数代码」框里的内容,复制exports.main = require('twikoo-func').main
到里面,点击确定,如下:
3、点击「twikoo」函数名进入云函数详情页 - 函数代码 - 文件 - 新建文件,输入package.json
确定,将{ "dependencies": { "twikoo-func": "1.5.11" } }
内容复制到新建的文件package.json
里面。
配置butterfly主题文件
打开主题butterfly
下的配置文件
comments: |
显示效果如下:
最后
关于其他的评论系统的配置请参考:butterfly主题官方文档
关于Twikoo评论系统详细文档请参考:Twikoo官方文档