如何将Liker按钮集成到Hexo

自从朋友将Hexo推荐给我以来，它就是我非常喜欢的静态网站生成工具了。下面把Liker按钮集成到Hexo中的步骤总结一下，让众多的Hexo网站可以通过点赞获得收益。以下以Hueman主题为例进行说明：

首先，从官方github获取对应的css并将其转换为styl格式，为了大家方便，我直接把转换好的贴到这里：

.lc-page-header
    display none
    height 0px
.likecoin-button
    position relative
    width 100%
    max-width 485px
    max-height 240px
    margin 0 auto
    & > div
        padding-top 49.48454%
    & > iframe
        position absolute
        top 0
        left 0
        width 100%
        height 100%

将上面文件保存至：themes/hueman/source/css/liker.styl

第二步，打开 themes/hueman/source/css/style.styl 文件，并添加如下行：

@import "liker"

第三步，打开themes/hueman/layout/common/article.ejs，将如下代码添加到想要的位置（注意替换成你自己的liker ID）：

<div class="likecoin-embed likecoin-button">
  <div></div>
    <iframe scrolling="no" frameborder="0" src="https://button.like.co/in/embed/aafeng17936/button?referrer=<%- encodeURIComponent(post.permalink) %>"></iframe>                               
</div>

接下来重新生成网站并发布到服务器就可以了。