在hexo中添加畅言`热评文章`边栏

前提:

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

步骤:

  • 首先在主题/layout/_widget/目录下新建cyHotnews.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="cyHotnews" role="cylabs" data-use="hotnews"></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=你的appid号"></script>
    </div>
    </div>
    <% } %>
  • 在主题目录中的_config.yml下添加cyHotnews

    1
    2
    widgets:
    - cyHotnews

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