本文配置Valine 是基于Next主题的,相对来说更简单一些,如果不是使用Next主题,这里提供Valine官方文档给大家参阅。
LeanCloud 基本应用创建
先来一条官网链接LeanCloud(https://leancloud.cn/)
注册LeanCloud
LeanCloud注册链接
注册结束,登录
创建应用
登陆之后会出现下图所示的一个界面,点击红框中的创建应用
然后在弹出框中随意填写一个名字,使用免费的开发版即可~
创建结束后出现如下所示界面
获取应用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 ID
和 App Key
分别填写到 appid
和 appkey
这两个字段的冒号后面。并且将 enable
修改为 true
。
刷新博客的文章页面,评论功能就出现啦~