May 07
  • 在Jekyll中使用分页功能

    Jekyll默认支持分页功能,然而仅支持在html文件中使用,而不支持markdown。您可以通过以下步骤为你的博客添加分页功能:

    修改_config.yml配置文件

    添加以下选项:

    markdown: rdiscount
    pygments: true
    lsi: true
    exclude: ['README.markdown', 'README_FOR_COLLABORATORS.markdown', 'Gemfile.lock', 'Gemfile']
    production: false
    //add this line to add pagination
    paginate: 3 //the number of post per page

    在html文件中使用paginator

    示例代码如下:

    <p class="previous disabled">
        <span>Previous</span>
      </p>
      
    
      <ul class="pages">
        <li class="page">
          
          <a href="/">1</a>
          
        </li>
    
        
      </ul>
    
      
      <p class="next disabled">
        <span>Next</span>
      </p>

    需要说明的是,上述代码并不会产生一个名为page1的文件夹,所以当您点击第1页会会提示页面不存在。以下代码则解决了这个问题:

    现在分页功能已经完成了。当然,这个分页器看上去很丑陋,您可以定制它的CSS样式。

    分享到: QQ空间 更多