如何提供“下一篇文章”的链接

时间:2013-12-03 23:48:00

标签: javascript gruntjs assemble

在我正在玩的博客项目中,我有'帖子'。这是我的Gruntfile中的汇编块:

assemble: {
  options: {
    layout: ['src/layouts/default.hbs'],
    data: ['src/data/*.{json,yml}']
  },
  pages: {
    src: ['src/posts/**/*.md'],
    dest: 'tmp/posts/'
  }
}    

每个帖子都用降价表示,带有一些YFM,如下所示:

---
date: '20131129'
latitude: 7.113309999999999
longitude: -73.120468
city: Bucaramanga
country: Colombia


---

# A familiar face...

And then more blog content here...

现在,在我的default.hbs中,我有标准的东西。我做了一个快速{{inspect page}}来看看我有什么变数。我可以在那里看到,我有一些可能对此事有用的信息:

 "index": 46,
 "next": 47,
 "prev":45

我可以想办法通过编写一个自定义手柄助手来处理这个问题,但似乎存在这些变量,这个功能已经存在于某个地方......我只是找不到它。我想到的解决方案似乎过于复杂。

非常感谢!

2 个答案:

答案 0 :(得分:3)

我们最近在上下文中添加了一个分页对象,但它现在只对源文件名进行排序。

@jonschlinkert还创建了一个可能对您有用的助手...... https://github.com/helpers/handlebars-helper-paginate

我们现在正在进行汇编的重构,我们想做的一件事就是让这些类型的东西更容易工作,而不必像这样创建自定义助手。我喜欢你的代码,因为它显示了如何使用underscore / lodash来按其他属性对页面进行排序。

答案 1 :(得分:2)

我想将此添加为“AN”答案,但希望不是“答案”。这是一个handebars助手,我为了吐出下一条路而一起扔。这是带有注释的完整文件,可能使它看起来比它更令人生畏。

var _ = require('underscore');

var postPath = function(post){
  //pass a post object in, get back its path for linking
  var out = post['dest'].replace(/^tmp/, '');
  return out;
};

module.exports.register = function (Handlebars, options)  {
  Handlebars.registerHelper('nextPost', function (obj)  {
    var thisPage = obj['page']; // Created a local var for easier reading

    // The "this" object gets passed in as "obj" and contains an array of
    // pages. The trick is, this list isn't necessarily in order, even though
    // the folders are all named by date. Here I sort them. This seems rather
    // heavy handed, as the tax to process these increases exponentially with the
    // number of blog posts.
    // Also, I'm using underscore here to make the code much simpler.
    var sortedPages = _.sortBy(obj['pages'], function(page){ return page['data']['date']; });

    // Go through all of the sorted pages to find the matching data and get the index of where that is,
    // this way we can add one, to find the next element in the sorted array.
    var currentIndex = sortedPages.map(function(page) {return page['data']; }).indexOf(thisPage['data']);
    var nextIndex = currentIndex + 1;
    var out = '';

    // Don't wig out if it's the last one, just return a blank string instead.
    if (nextIndex > (sortedPages.length - 1)){
      out = '';
    }else{
      // Make a pretty path for use in our view
      out = postPath(sortedPages[nextIndex]);
    }
    return  out;
  });

};

这些行中的一些可以被取出并放入他们自己的方法中,以便重复使用“previousPost”辅助方法。但是,有些东西只是闻到这一点,如果有人可以帮助我梳洗它,或者指向另一个方向,我会很喜欢它。