hexo的next接入artalk评论系统
之前的评论系统由于无法做到评论通知,以及评论数据无法自行管理,本来想自己写一个的,写到一半发现ui和数据逻辑还是有点多,需要花不少时间,经过调研发现artalk这个评论系统可以满足我的需求,所以接入了artalk评论系统,这个可以自行使用docker部署,收到用户评论后可以通过webhook来通知,这个很好,基本满足我的需求,还有很多其他功能,有需要的可以进行配置。
相关环境变量说明
相关环境变量说明见artalk 文档,这里注意有个ATK_TRUSTED_DOMAINS
,要加上本地调试域名http://localhost:4000
,否则会出现跨域问题。我是采用docker部署的,所以需要在docker-compose.yml文件中添加环境变量。
1 | version: '3.8' |
执行命令创建管理员账户:
1 | docker exec -it artalk artalk admin |
浏览器输入后台地址,比如 http://localhost:8086 进入 Artalk 后台登录界面。
前端页面
在next主题配置里面开启custom_file_path下的post-body-end.njk,这个文件在source/_data目录下创建,内容如下:
1 | <!-- CSS --> |
评论通知
在artalk后台的设置-多元通知-Webhook中配置,我是采用webhook的方式,配置如下:
这个需要自己有一个接收通知的后台,由于我自己有可以微信通知的服务,之前文章里也介绍过,所以直接接入就好了,最后通知的效果是这样的: