django 博客集成友言社会化评论系统

前面我们通过学习 django 博客开发入门教程搭建了一个小博客,同时也实现了一个简单的评论系统。但是这个评论系统只是作为一个学习 django 表单的简单示例,实现的功能有限,比如无法回复他人的评论,无法显示头像,无法使用第三方账户登录评论。当然如果自己使用 django 实现具有以上功能的评论系统,这将是一个大工程,会花费很多的时间和精力。好在早有人为我们提供了现成的解决方案,我们不必重新发明轮子,直接在我们的博客里集成第三方评论系统即可。

社会化评论系统最著名的就是多说,但是前一段时间多说已经被关闭,不再提供评论服务了,因此这里我们选择友言提供的社会化评论系统。

集成友言评论系统的方法非常简单,首先打开友言评论的官方网站:友言评论官网,注册一个友言账户并登陆。回到官网首页,点击获取 PC 代码跳转到评论系统的代码获取页面(友言的官网访问不太稳定,如果点击后显示 502 Bad Gateway 就多试几次)。

友言评论系统代码获取页面

方框中即为评论系统的代码。注意被涂红色部分是一个数字,用来唯一标识一个网站,不同的友言账号对应的这个数字是不同的,以用于区分不同网站下的评论。

复制方框中的代码,把代码粘贴到想让评论方框显示的地方。比如在django 博客开发入门教程开发的博客系统里,我们想把评论框放到文章详情的后面,这样当用户读完文章后就可以发表评论。下面是一个示例代码:

templates/blog/detail.html

<article class="post post-1">
  文章内容...
</article>
<section class="comment-area">
  <!-- 把友言评论系统代码放到想让评论框显示的地方 -->
  <!-- UY BEGIN -->
  <div id="uyan_frame"></div>
  <script type="text/javascript" src="http://v2.uyan.cc/code/uyan.js?uid=xxxxxx"></script>
  <!-- UY END -->
</section>

现在用户可以使用社会账户登录并且发表评论了。

-- EOF --


13 条评论 / 10 人参与