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 --