在hexo中添加畅言`最近评论`边栏

前提:

必须安装畅言评论。如果你已经安装了就直接往下看;如果没有安装,那么请看这里在Hexo中使用畅言评论系统

步骤:

  • 首先在主题/layout/_widget/目录下新建cyReping.ejs,添加以下内容:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <% if (site.posts.length){ %>
    <div class="widget-wrap">
    <h3 class="widget-title"><%= __('最近评论') %></h3>
    <div class="widget">
    <!-- div标签放在页面需要展示的位置 -->
    <div id="cyReping" role="cylabs" data-use="reping"></div>
    <!-- 如果页面已有畅言的评论框,以下代码放在评论框代码的后面,来读取评论框的配置,否则需在div标签或代码中配置sid、cid(分类id) -->
    <!-- 如果页面同时使用多个实验室项目,以下代码只需要引入一次,只配置上面的div标签即可 -->
    <!-- 如需修改默认配置,请到changyan.sohu.com后台进行配置 -->
    <script type="text/javascript" charset="utf-8" src="http://changyan.itc.cn/js/??lib/jquery.js,changyan.labs.js?appid=cyrmuEYd4"></script>
    </div>
    </div>
    <% } %>
  • 在主题目录中的_config.yml下添加cyReping

    1
    2
    widgets:
    - cyReping

之后刷新页面,就可以看到最近评论边栏了,你可以看我博客中的效果