注册leancloud帐号

本文大部分内容引用自该文，感谢作者的无私分享！

先到https://leancloud.cn/注册一个个人帐号，然后创建一个应用，获得应用的appId和appKey，这里就不详细描述了。

修改项目的config.toml文件

[params.valine]
enable = true
appId = ''
appKey = ''
notify = false  # mail notifier , https://github.com/xCss/Valine/wiki
verify = true # Verification code
avatar = 'mm'
placeholder = '说点什么吧...'
visitor = true

修改页面

新建文件layouts/partials/comments.html,内容如下：

<!-- valine -->
{{- if .Site.Params.valine.enable -}}
    <!-- id 将作为查询条件 -->

    <div id="vcomments"></div>
    <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
    <script src='//unpkg.com/valine/dist/Valine.min.js'></script>

    <script type="text/javascript">
        new Valine({
            el: '#vcomments' ,
            appId: '{{ .Site.Params.valine.appId }}',
            appKey: '{{ .Site.Params.valine.appKey }}',
            notify: '{{ .Site.Params.valine.notify }}',
            verify: '{{ .Site.Params.valine.verify }}',
            avatar:'{{ .Site.Params.valine.avatar }}',
            placeholder: '{{ .Site.Params.valine.placeholder }}',
            visitor: '{{ .Site.Params.valine.visitor }}'
        });
    </script>
{{- end -}}

把主题中的single.html文件复制到layouts/_default/single.html,注意不要直接修改主题中的文件，因为我们在Drone部署的时候会从git上pull最新的版本下来，这样就会冲突了。

在末尾加入评论插件即可。

<div class="post-comment">
    <!-- 加入评论功能 -->
    {{ partial "comments.html" . }}
</div>