valine 评论系统
申请账号地址:https://leancloud.app/
配置文件 _config.yml
如下:
# Valine评论系统开关
# Valine.
# You can get your appid and appkey from https://leancloud.app
# more info please open https://valine.js.org
valine:
enable: true
appid: xxxxxxxxxxxxxxxxxxxx # your leancloud app id
appkey: xxxxxxxxxxxxxxxxxxxx # your leancloud app key
notify: true # mail notifier , https://github.com/xCss/Valine/wiki,v1.4.0+ 已废弃
verify: true # Verification code,v1.4.0+ 已废弃
placeholder: "不需要登录,不需要翻墙,可以直接留言" # comment box placeholder
avatar: # gravatar style
guest_info: 昵称,邮件,网址 # custom comment header
pageSize: 10 # pagination size
recordIP: true # 是否记录评论者IP
enableQQ: true # 是否启用昵称框自动获取QQ昵称和QQ头像, 默认关闭
以上的 appid和appkey为本文开始在Leancloud创建应用的 App ID 和 App Key。
_includes
目录下创建valine_comments.html文件。文件内容如下:
注意: [[ ]]
需要改成 2 个花括号 , 这 Macdown 如果用 花括号 就会自动显示引用里面的内容🌚,具体可以看留言板
<br>
<h4 align="left">留言区:</h4>
<div id="comments"></div>
<!--Leancloud 操作库:-->
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
<!--Valine 的核心代码库:-->
<script src='//unpkg.com/valine/dist/Valine.min.js'></script>
<script>
new Valine([
av: AV,
el: '#comments',
app_id: '[[ site.valine.appid ]]',
app_key: '[[ site.valine.appkey ]]',
placeholder: '[[ site.valine.placeholder ]]',
notify: '[[ site.valine.notify ]]',
verify: '[[ site.valine.verify ]]',
recordIP: 'true',
enableQQ: 'true',
])
</script>
在post.html文件末尾后面(或你认为合适的位置)添加代码引用valine_comments.html来显示评论框:
<!-- Valine 评论框 start -->
[% if site.valine.enable %]
[% include valine_comments.html %]
[% endif %]
<!-- Valine 评论框 end -->
就可以了,如本文最下面留言板。
intensedebate 留言统计
地址:https://intensedebate.com/install-g
绑定自己的域名,一步一步操作
在 _includes
目录中新建intensedebate-comments.html , 上面截图的代码复制出来放到新建的这个 html 中,如下图:
不要管文中那个 XXXXXXX,用你复制出来的就行
头像
用法: 自己邮箱账号设置好头像,以后到 valine 留言就用这个邮箱,然后就有头像了。