给Hexo增加无觅相关文章推荐模块

突然搜索到一个博客,看到博主为自己的hexo增加了相关文章推荐,仔细看了下是用无觅实现的,于是注册申请了个无觅账号。

操作步骤如下:

1.在你当前使用主题layout目录下得page.ejs文件中插入如下代码(位置看自己需求,我放到了分享的上面了):

<script type="text/javascript" id="wumiiRelatedItems"></script>

2.在layout的子目录_partial目录下找到affter-footer.ejs文件,插入如下代码

<% if (page.layout == 'post') { 
        var cats = [];
        var tags = [];
        if (page.categories && page.categories.length)
        {
            page.categories.forEach(function(cat){
            cats.push(cat.name);
            });
        }

if (page.tags && page.tags.length){
    page.tags.forEach(function(tag){
    tags.push(tag.name);
    });
}
%>
<script type="text/javascript">
    var wumiiPermaLink = "<%-url%>";
    var wumiiTitle = <%-JSON.stringify(page.title)%>;
    var wumiiTags = <%-JSON.stringify(tags.join(','))%>;
    var wumiiCategories = <%-JSON.stringify(cats)%>;
    var wumiiSitePrefix = "<%-config.url%>";
    var wumiiParams = "&num=5&mode=1&pf=JAVASCRIPT";
    _js2load.push({src:'http://widget.wumii.cn/ext/relatedItemsWidget'});
</script>
<a href="http://www.wumii.com/widget/relatedItems" style="border:0;">
<img src="http://static.wumii.cn/images/pixel.png" alt="无觅关联推荐,快速提升流量" style="border:0;padding:0;margin:0;" />
</a>
<% } %>

3.以上代码加好以后,需要验证无觅账号,建议别采用第二种方式,即使你把验证文件放到 source目录下,当运行 hexo g命令的时候,hexo 会自作主张把验证文件的扩展名从.htm 转为 .html,从而验证不成功,不过可以手动修改扩展名验证通过。

4.无觅的后台设置我没有调,使用的默认设置,等他们服务器慢慢抓取吧,估计24小时候后就可以看到相关文章推荐了。