next主题博客添加友言评论

效果

你们可以直接拉到博文的最后,体验一下评论。
有一点我不满意的就是登陆账号不方便。不是真爱的网友都不会评论呀!
Hypercomments是国外的一个第三方评论平台,有一个优点是可以匿名评论,但是我考虑到上网速度的问题就没有弄那个。
多说在2017年06月01日就关闭评论服务了,网易云跟贴2017年08月01日也停止服务了,来必力又总是乱码,DISQUS也是外国的,界面又丑,加载又慢。反正就是种种原因下我选择了友言。

添加评论

友言的效果也不理想,但是目前算是比较满意的,我们开始吧。

注册友言

友言官网:http://www.uyan.cc/
进入官网,注册,登陆,获取代码。你需要记下来的是代码中uid="***"的值,等下要用到。这一步很简单。

开始编辑代码

  • 加载友言
    在目录thems/next/layout/_scripts/third_party/comments下(如果没有相应文件夹就新创)添加友言的模块文件youyan.swig文件,代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!--友言评论-->
{% if not (theme.duoshuo and theme.duoshuo.shortname)
and not theme.duoshuo_shortname
and not theme.disqus_shortname
and not theme.hypercomments_id
and not theme.gentie_productKey %}
{% if theme.youyan_uid %}
{% set uid = theme.youyan_uid %}
{% endif %}
{% if page.comments %}
<!-- UY BEGIN -->
<script type="text/javascript" src="http://v2.uyan.cc/code/uyan.js?uid={{uid}}"></script>
<!-- UY END -->
{% endif %}
{% endif %}
<!--后来添加的-->
{% include './comments/duoshuo.swig' %}
{% include './comments/disqus.swig' %}
{% include './comments/youyan.swig' %}
{% include './comments/hypercomments.swig' %}
{% include './comments/gentie.swig' %}
  • 打开功能
    在thems/next/_config.yml中,找到下面的代码:
    1
    2
    3
    # Support for youyan comments system.
    # You can get your uid from http://www.uyan.cc
    youyan_uid: you uid

将你刚才得到的uid添加上来,如果没有相应的代码就手动加上。

测试是否成功

运行hexo clean清理一下目录,hexo g重新生成一次所有的文档,hexo s运行服务器以后,就可以查看评论效果了,效果如本文下方。如果失败,自己再想办法吧,反正我就是这么操作的。

Allen151 wechat
评论功能没弄好,如果有问题,欢迎在我公众号上提问!!
坚持原创,您的支持将鼓励我继续创作!