HONGWEI's Blog

Django 使用 Valine 评论系统并使用 Valine-Admin 进行管理

Django 121

如果使用过静态博客程序,如Hexo、Jekyll、Typecho、Hugo、Ghost 等博客程序,一定对Valine评论系统不会陌生,毕竟竞品很多,但是“好用”的并不多

当自研 Django博客 后,为了快速而简单的使用评论系统,我引入了 Valine,并没有进行表单开发,这样的好处还是有很多的, 我的Hexo博客我的Django博客 不但可以使用同一个评论系统, 还可以使用同一个管理后台

Valine 相关配置

参考我之前的文章即可,所有的配置都进行详细说明

配合 Valine 评论系统使用的 Valine-Admin 及显示个性头像

Github 源码,欢迎 Star

Django 相关配置

其实 Valine 的官方文档写的非常明白,使用也很简单

只需引入静态资源后,在指定的位置进行调用

  1. 将评论主体放在指定的位置,如每个文档的最后面,对应的是同一个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 %}
  1. 至于样式也可以自定义,只需搜搜就可以搜到好多,尤其是像Hexo、Typecho这种大多数的主题都进行了个性化定制,我就使用原版的最新版举例
    {% if COMMENT_ON %}
        <script src="//unpkg.com/[email protected]/dist/Valine.min.js"></script>
    {% endif %}

本文链接: https://blog.zhwei.cn/article/django-comments-valine
版权声明: 本博客所有文章除特别声明外,均遵循 CC 4.0 BY-NC-SA 版权协议。转载请附上原文链接!