前言在《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用VuePress搭建了一个博客，最终效果查看：TypeScript中文文档。本文讲的是如何使用Valine快速实现评论功能。内置主题因为我使用的是vuepress-theme-reco主题，主题内置评论插件@vuepress-reco/vuepress-plugin-comments，大家可以根据自己的喜好选择Valine或者Vssue。本篇讲讲使用Valine实现评论功能的整个过程。Valine官网：https://valine.js.org/Valine诞生于2017年8月7日，是一个基于LeanCloud的快速、简洁、高效的后台评论系统。具有安全、快速、支持Emoji、无后端实现、完整的MarkDown语法支持、轻量易用等特点。LeanCloudValine基于LeanCloud。LeanCloud官网：https://www.leancloud.cn/LeanCloud是一个serverless的云服务，提供一站式的后端服务，比如数据存储，即时通讯等。简单的说，比如我想实现一个数据存储功能，我只需要在LeanCloud注册一个账号，获取对应的AppID和AppKey，然后调用提供的API存储数据即可。以下是JavaScript语法的使用方法：有了基本的了解，让我们开始吧。1、注册LeanCloud：https://leancloud.cn/dashboard/login.html#/signup注意使用LeanCloud服务需要完成实名认证。填写姓名和身份证号码后，您需要使用支付宝对应姓名的账户进行扫码认证，扫码后即可完成实名认证。2、创建应用登录后进入控制台，点击左下角“创建应用”：在创建应用时，这里我们选择开发版，开发版是有数量限制的。比如每天API请求3W次，数据存储空间1GB。对于个人项目就够了：3.查看应用凭证创建完成后，点击进入应用管理后台，选择“设置”-“应用凭证”，即可看到你的APPID和APPKey：4.VuePress引入修改config.js:module.exports={theme:'reco',themeConfig:{valineConfig:{appId:'...',//yourappIdappKey:'...',//yourappKey}}}5.显示效果时每篇文章底部会出现一个评论栏：6.不显示评论如果你想默认不加载评论，而只在某些页面显示评论，可以在valineConfig中设置showComment:false或者vssueConfig，并在需要显示评论的页面设置isShowComments:true。如果不想设置只对某篇文章开启评论功能，可以在front-matter中设置isShowComments:false。更多配置和注意细节可以参考：vuepress-theme-reco评论功能Valine配置项系列文章博客搭建系列是我目前为止唯一写的实用系列教程，预计20篇左右，讲解如何使用VuePress搭建和优化博客，部署到GitHub、Gitee、私服等平台。本文为第23篇，全系列文章地址：https://github.com/mqyqingfeng/博客微信：“mqyqingfeng”，加我到SaeYu的唯一读者群。如有错误或不准确的地方，请务必指正，万分感谢。如果你喜欢或者有启发，欢迎star，这也是对作者的鼓励。
