Haulyn5 的博客
0%

用于 Hexo 上 Next 主题的 Valine 评论系统

发表于 更新于 分类于 阅读次数： Valine：

前言

本文介绍如何在 hexo 搭建的博客上，在使用 next 主题后，添加 Valine 评论系统。因为前几篇笔记 push 后发现博客没有更新，进一步发现前几天的文章恰好有代码块使得 hexo 解析出问题了，顺手更新了一下 Next 主题，但是一不小心把 config 文件覆盖成了默认文件……于是再次过了一下 config 文件，一直都很想搞个评论系统，在这里记录一下过程。

正文

在 Next 主题的默认配置文件中可以搜索看到下面的默认配置。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# Valine
# For more information: https://valine.js.org, https://github.com/xCss/Valine
valine:
  enable: false
  appid: # Your leancloud application appid
  appkey: # Your leancloud application appkey
  notify: false # Mail notifier
  verify: false # Verification code
  placeholder: Just go go # Comment box placeholder
  avatar: mm # Gravatar style
  guest_info: nick,mail,link # Custom comment header
  pageSize: 10 # Pagination size
  language: # Language, available values: en, zh-cn
  visitor: false # Article reading statistic
  comment_count: true # If false, comment count will only be displayed in post page, not in home page
  recordIP: false # Whether to record the commenter 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

于是按照给出的链接，参考 https://valine.js.org/quickstart.html，快速开始。

一顿操作，注册登录 LeanCloud，结果发现这是国内的互联网企业……注册要实名制认证的，所以记得用国内邮箱……

https://console.leancloud.cn/apps 这个链接创建应用。

注意创建之后就和 Valine 官网教程不一样了，LeanCloud 的 UI 做了更新。左下角 设置 - 应用凭证，进入后可以看到APP ID和APP Key。全部复制粘贴到主题的 config 文件即可。

关于头像， Valine 推荐的是 http://cn.gravatar.com/，才发现可以有一个网站专门挂头像哈哈， gravatar 需要 WordPress 账户登录。（其实后来也懒的搞了

……好像，搞完了？配置文件简单修改一些 True or False，顺手开了这个插件的访客统计，兼听则明？

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# Valine
# For more information: https://valine.js.org, https://github.com/xCss/Valine
valine:
  enable: true
  appid: k***********************B-g******z # Your leancloud application appid
  appkey: 1**********************z # Your leancloud application appkey
  notify: false # Mail notifier
  verify: false # Verification code
  placeholder: 说点什么吧 # Comment box placeholder
  avatar: mp # Gravatar style
  guest_info: nick,mail,link # Custom comment header
  pageSize: 10 # Pagination size
  language: # Language, available values: en, zh-cn
  visitor: true # Article reading statistic
  comment_count: true # If false, comment count will only be displayed in post page, not in home page
  recordIP: false # Whether to record the commenter 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

所以，又水了一篇文章？