如果使用过静态博客程序,如Hexo、Jekyll、Typecho、Hugo、Ghost 等博客程序,一定对Valine
评论系统不会陌生,毕竟竞品很多,但是“好用”的并不多
当自研 Django博客 后,为了快速而简单的使用评论系统,我引入了 Valine,并没有进行表单开发,这样的好处还是有很多的, 我的Hexo博客 和 我的Django博客 不但可以使用同一个评论系统, 还可以使用同一个管理后台
Valine 相关配置
参考我之前的文章即可,所有的配置都进行详细说明
配合 Valine 评论系统使用的 Valine-Admin 及显示个性头像
Django 相关配置
其实 Valine
的官方文档写的非常明白,使用也很简单
只需引入静态资源后,在指定的位置进行调用
- 将评论主体放在指定的位置,如每个文档的最后面,对应的是同一个template,所有的字段在这里 Valine 配置项 都可以找到对应的配置说明
{#引入 Valine 评论#}
{% if COMMENT_ON %}
<br>
<hr>
<article class="blog-post-block blog-post-page-content">
<div id="vcomments"></div>
<script>
new Valine({
el: '#vcomments',
appId: 'appid',
appKey: 'appkey',
visitor: false,
avatar: 'mp',
pageSize: '10',
lang: 'zh-cn',
meta: ['nick','mail','link'],
placeholder: '填写邮箱可以及时收到回复哦(●\'◡\'●)'
})
</script>
</article>
{% endif %}
- 至于样式也可以自定义,只需搜搜就可以搜到好多,尤其是像Hexo、Typecho这种大多数的主题都进行了个性化定制,我就使用原版的最新版举例
{% if COMMENT_ON %}
<script src="//unpkg.com/valine@latest/dist/Valine.min.js"></script>
{% endif %}