为Hexo添加Valine评论系统

更多文章见个人博客

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

获取APP ID和APP key

前往LeanCloud注册或登录,进入首页创建应用

为Hexo添加Valine评论系统

为Hexo添加Valine评论系统

创建好后,点击刚刚创建的应用,点击设置-应用Keys,就能看到APP ID和key了

为Hexo添加Valine评论系统

启用Valine

Next主题已经内置Valine评论系统,只需要修改主题配置文件启用即可

# Valine
# For more information: https://valine.js.org, https://github.com/xCss/Valine
valine:
  enable: true # 是否启用Valine评论系统
  appid: # 你的APP ID
  appkey: # 你的APP KEY
  notify: false # 是否接受邮件通知
  verify: false # 是否开启验证码
  placeholder: Just go go # 默认填充文字
  avatar: mm # 头像展示方式
  guest_info: nick,mail,link # 自定义评论标题
  pageSize: 10 # 每页评论数量
  language: # 语言,可设置的值: en, zh-cn
  visitor: false # 是否启用文章阅读统计
  comment_count: true # If false, comment count will only be displayed in post page, not in home page
  recordIP: false # 是否记录评论者IP
  serverURLs: # When the custom domain name is enabled, fill it in here (it will be detected automatically by default, no need to fill in)
  #post_meta_order: 0

如需取消某个页面/文章的评论,在md文件的front-matter中增加 comments: false

添加自定义表情

编辑themes\next\layout\_third-party\comments\valine.swig文件,在new Valine下添加表情CDN和映射配置项

new Valine({
      el         : '#valine-comments',
      verify     : {{ theme.valine.verify }},
      notify     : {{ theme.valine.notify }},
      appId      : '{{ theme.valine.appid }}',
      appKey     : '{{ theme.valine.appkey }}',
      placeholder: {{ theme.valine.placeholder | json }},
      avatar     : '{{ theme.valine.avatar }}',
      meta       : guest,
      pageSize   : '{{ theme.valine.pageSize }}' || 10,
      visitor    : {{ theme.valine.visitor }},
      lang       : '{{ theme.valine.language }}' || 'zh-cn',
      path       : location.pathname,
      recordIP   : {{ theme.valine.recordIP }},
      serverURLs : '{{ theme.valine.serverURLs }}',
      emojiCDN:  这里填写表情CDN 
      emojiMaps: 这里填写表情映射

我添加了https://github.com/GamerNoTitle/Valine-Magic下的自定义表情

参考链接

上一篇:hexo博客基础环境搭建(非常详细)


下一篇:Hexo - 搭建个人博客的bug集合