安装Jekyll分页功能

检测自己是否已经安装了该分页插件.

sudo gem install jekyll-paginate

分页设置

在_config.yml中进行设置

# 分页
gems: [jekyll-paginate]
# 每页有几个项目
paginate: 5
paginate_path: "page/:num/"

分页处理

因为冲突的问题,所以下面显示的代码,{ % 此处均多了一个空格.

需要分页的List页面

将原来循环的post列表改为

{ % include posts_paginator.html %}

posts_paginator.html

原来的list放入此处,最后include分页链接部分.

{ % for post in paginator.posts %}
<article class="post post-1"><header class="entry-header"><h1 class="entry-title"><a href="{{ post.url }}">{{ post.title }}</a></h1><div class="entry-meta"><span class="post-category"><a href="{{ post.url }}">{{ post.categories }}</a></span><span class="post-category"><a href="{{ post.url }}">{{ post.tag }}</a></span><span class="post-date"><a href="{{ post.url }}"><time class="entry-date" datetime="{{ post.date }}">{{ post.date | date: "%B %d,%Y" }}</time></a></span><span class="comments-link"><a href="{{ post.url }}">HelloLux</a></span></div></header>
</article>
{ % endfor %}
{ % include pagination.html %}

pagination.html

<!-- 分页链接 -->
<div class="entry-meta">
{ % if paginator.previous_page %}<span class="post-category"><a href="{{ paginator.previous_page_path }}">上一页</a></span>
{ % else %}<!-- <span class="previous">Previous</span> -->
{ % endif %}<span class="post-category">页数: {{ paginator.page }} of {{ paginator.total_pages }}</span>
{ % if paginator.next_page %}<span class="comments-link"><a href="{{ paginator.next_page_path }}">下一页</a></span>
{ % else %}<!-- <span class="comments-link ">Next</span> -->
{ % endif %}
</div>

参考

jekyll，分页功能，附带分类分页！

jekyll-paginate分页问题

Jekyll分页功能相关推荐

django自带的分页功能
django自带的分页功能 django中自带的分页功能有缺陷,但是也是一种思路,所以在下做一个整理,方便以后使用,还有服务各位小伙伴. django视图部分的代码.(注释才是重点) from dja ...
ASP.NET中利用DataGrid的自定义分页功能和存储过程结合实现高效分页
关键字:DataGrid.存储过程.分页出自: http://blog.csdn.net/yzx110/archive/2004/08/18/78525.aspx 摘要:在最进的一个项目中因为一个管 ...
hibernate和struts2实现分页功能
1.DAO层接口的设计,定义一个PersonDAO接口,里面声明了两个方法: public interface PersonDAO {public List<Person> queryBy ...
分页技巧_实现第一个分页功能（回复列表中的分页）
分页技巧_实现第一个分页功能(回复列表中的分页) ======================================== 假设共25条数据,每页显示10条,则共3页 first max - ...
jsp自定义图文新闻列表标签结合ssh2，带分页功能
jsp自定义图文新闻列表标签结合ssh2,带分页功能(欢迎大家讨论指点,共同进步) 1.service层 (模拟返回数据) package com.mingda.service.impl;import ...
oracle接收输入参数,Oracle带输入输出参数存储过程(包括sql分页功能)
记录一下,免得以后忘记了又要到处去找. begin /*这里不能直接执行select语句但可以直接执行update.delete.insert语句*/ end里面不能接执行select语句,声明会话级 ...
【SSH项目实战】国税协同平台-26.分页功能编写
可以看到,我们之前的用户管理.角色管理和信息发布管理的列表下均有这些东西: 总共1条记录,当前第 1 页,共 1 页上一页下一页到这个就是美工留给我们做分页的,我们接下来就以信息发布管 ...
[置顶] 分步实现具有分页功能的自定义DataList控件【附源代码】
一.控件也是类 [效果] [操作步骤] 1. 新建网站Web 2. 添加类CustomDataList.cs(系统会提示你把类建在App_Code文件夹中),代码如下: using System; ...
使用hibernate和struts2实现分页功能
想着每天能学个新东西,今天准备了这个hibernate+struts2实现页面的分页功能,在这里,首先要感谢 http://www.blogjava.net/rongxh7/archive/2008/ ...

Jekyll分页功能

安装Jekyll分页功能

分页设置

分页处理

需要分页的List页面

posts_paginator.html

pagination.html

参考

Jekyll分页功能相关推荐

最新文章

热门文章