0x00 寫在前面
LeaveIt主題沒有提供評論的功能,因此需要自己寫,這裏我用的是 Valine 第三方評論系統。在看下面的內容之前請務必先閱讀完 快速開始 | Valine
0x01 配置Valine
在 config.toml
中加入以下代碼(Valine基本配置)
# Valine.
# You can get your appid and appkey from https://leancloud.cn
# more info please open https://valine.js.org
[params.valine]
enable = true
appId = 'Your appId'
appKey = 'Your appKey'
notify = false # mail notifier , https://github.com/xCss/Valine/wiki
verify = false # Verification code
avatar = 'mm'
placeholder = '說點什麼吧...'
visitor = true
0x02 創建comments
在 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 -}}
0x03 引入comments
在 layouts/_default/single.html
中加入下面的代碼,以引入 comments.html
<div class="post-comment">
<!-- 加入評論功能 -->
{{ partial "comments.html" . }}
</div>
0x04 附
- 詳細的配置信息請閱讀 配置項 | Valine
- 具體效果請看這:blog.hgtweb.com