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

柔光的暖阳◎ 2022-12-23 11:27 142阅读 0赞

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

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

## Valine 相关配置 ##

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

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

[Github 源码，欢迎 Star][Github _ Star]

## Django 相关配置 ##

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

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

1.  将评论主体放在指定的位置，如每个文档的最后面，对应的是同一个template，所有的字段在这里 [Valine 配置项][Valine 1] 都可以找到对应的配置说明

{#引入 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/valine@latest/dist/Valine.min.js"></script>
        {% endif %}

[Django]: https://blog.zhwei.cn/
[Valine]: https://valine.js.org/
[Hexo]: https://www.zhwei.cn/
[Valine _ Valine-Admin]: https://blog.csdn.net/z_johnny/article/details/104211572
[Github _ Star]: https://github.com/hongweifuture/Valine-Admin
[Valine 1]: https://valine.js.org/configuration.html