使用Valine.js添加留言板功能


本文配置Valine 是基于Next主题的,相对来说更简单一些,如果不是使用Next主题,这里提供Valine官方文档给大家参阅。

LeanCloud 基本应用创建

先来一条官网链接LeanCloud(https://leancloud.cn/)

注册LeanCloud

LeanCloud注册链接
注册
注册结束,登录

创建应用

登陆之后会出现下图所示的一个界面,点击红框中的创建应用
创建应用
然后在弹出框中随意填写一个名字,使用免费的开发版即可~
创建应用
创建结束后出现如下所示界面
创建结束

获取应用Key

点击上图的这个窗口进入应用界面。
点击左侧的”设置”和中间的”应用Key”
Key
保存最右侧的App ID和App Key,将其复制下来以供接下来的配置使用。

配置安全域名

现在这个状态,任何人都可以访问我们的资源,这样就有可能会导致资源的泄露,所以我们需要配置安全域名,只有在白名单中的域名才可以使用我们的资源。
仍然是在刚才的设置页面,点击当中红框的“安全中心”,在最右侧红框“Web 安全域名”中根据提示填写我们站点的域名后点击保存即可。
安全域名

配置 Next 主题中的 Valine 评论功能

将评论功能添加到博客中
打开博客主目录文件-> themes 文件夹-> next -> _config.yml
打开 _config.yml 文件后搜索 # Valine 字段,我们可以看到如下内容:

# Valine.
# You can get your appid and appkey from https://leancloud.cn
# more info please open https://valine.js.org
valine:
  enable: false # When enable is set to be true, leancloud_visitors is recommended to be closed for the re-initialization problem within different leancloud adk version.
  appid:  # your leancloud application appid
  appkey:  # your leancloud application appkey
  notify: flase # mail notifier, See: https://github.com/xCss/Valine/wiki
  verify: flase # 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

我们将刚刚获得的 App IDApp Key 分别填写到 appidappkey 这两个字段的冒号后面。并且将 enable 修改为 true

刷新博客的文章页面,评论功能就出现啦~

参考链接:
使用Valine.js评论系统让游客们到你的Hexo博客留个脚印吧


文章作者: yali
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 yali !
  目录