hexo设置twikoo评论系统 - 大峰笔记

研究了半天的hexo评论系统，感觉有些复杂，但是跟着官方使用说明一步步下来，还算可以，这里先记录一下。

Valine比较简单一些，其实只要在\themes\even\layout\_partial\comments中添加以下代码就行！就是访客评论后，没有邮件通知，也不知道如何设置，所以搁置了一段时间。

1
2
3
4
5
6
7
8
9



<script src='//unpkg.com/valine/dist/Valine.min.js'></script>
    <div id="vcomments"></div>
    <script>
        new Valine({
            el: '#vcomments',
            appId: '输入对应id',
            appKey: '输入对应key'
        })
    </script>

Twikoo基于腾讯云的，有[Twikoo 中文文档]，先进行云函数部署，我是按照手动部署进行的，一步一步操作，这一步好了就进行前端部署，在\themes\even\layout\_partial\comments中添加以下代码，只需要填上’您的环境id’就行。管理评论的话，按照[开启管理面板]进行设置。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10



<div id="tcomment"></div>
<script src="https://cdn.jsdelivr.net/npm/twikoo@1.3.1/dist/twikoo.all.min.js"></script>
<script>
twikoo.init({
  envId: '您的环境id',
  el: '#tcomment',
  // region: 'ap-guangzhou', // 环境地域，默认为 ap-shanghai，如果您的环境地域不是上海，需传此参数
  // path: 'window.location.pathname', // 用于区分不同文章的自定义 js 路径，如果您的文章路径不是 location.pathname，需传此参数
})
</script>

Twikoo还需要在\themes\even\_config.yml中添加以下代码

1
2
3
4



#Twikoo(https://github.com/imaegoo/twikoo)
twikoo:
  enable: true
  envId: 您的环境id

发表评论