我有一个Jekyll的自定义页面:我有一个news.markdown如下文件:
{% assign posts_per_page = 5 %}
{% for post in site.categories.ro offset:pagination_skip limit:posts_per_page %}
...
{{ post.content }}
...
{% endfor %}
{% include nav.html %}
Run Code Online (Sandbox Code Playgroud)
凡nav.html在_includes目录中,它看起来是这样的:
{% if pagination_skip %}
{% capture pagination_skip %}
{{pagination_skip | plus: posts_per_page}}
{% endcapture %}
{% else %}
{% assign pagination_skip = posts_per_page %}
{% endif %}
<div class="next">
<a rel="prev" href="{{site.basepath}}ro/news/{{ pagination_skip }}">Next</a>
</div>
Run Code Online (Sandbox Code Playgroud)
我想是的URL .../ro/news/5映射到的内容news.markdown,从而pagination_skip存在5.同样适用于10,15,无论如何.而且,.../ro/news/0应该尽可能相同.../ro/news/.
我能这样做吗?怎么样?
我想尽可能少地使用扩展程序.
你试图做错事。您想要动态处理 URL 参数。Jekyll 是一个静态网页生成器。所以你需要生成所有将被访问的页面。你可以用一个发电机来实现。请查看页面上的生成器部分https://github.com/mojombo/jekyll/wiki/Plugins
我为你想做的事情开发了一个生成器,它工作得非常好,我还创建了“上一个”和“下一个”按钮。请看一下并尝试一下。它适用于所有类别(不仅是ro类别),但您可以根据需要对其进行自定义。
文件夹结构
| -- _plugins
` news.rb
| -- _layouts
` news.html
| -- _includes
` nav.html
| -- _config.yml
| -- ro
` -- _posts
| -- 2012-04-10-test.textile
| -- 2012-04-10-test2.textile
| -- 2012-04-10-test4.textile
| -- 2012-04-10-test6.textile
| -- 2012-04-10-test15.textile
| -- 2012-04-10-test3.textile
` -- 2012-04-10-test5.textile
` _site
Run Code Online (Sandbox Code Playgroud)
生成器news.rbruby 代码
module Jekyll
class NewsPage < Page
def initialize(site, base, dir, category, posts_number, posts_per_page, pagination_skip)
@site = site
@base = base
@dir = dir
@name = "news_#{pagination_skip}.html"
self.process(@name)
self.read_yaml(File.join(base, '_layouts'), 'news.html')
self.data['category'] = category
self.data['posts_per_page'] = posts_per_page
self.data['pagination_skip'] = pagination_skip
if pagination_skip != 0
self.data['prev_pagination_skip'] = pagination_skip - posts_per_page
end
if pagination_skip + posts_per_page < posts_number
self.data['next_pagination_skip'] = pagination_skip + posts_per_page
end
end
end
class NewsGenerator < Generator
safe true
def generate(site)
if site.layouts.key? 'news'
dir = site.config['category_dir'] || 'categories'
site.categories.keys.each do |category|
posts_number = site.categories[category].length
pagination_skip = 0;
posts_per_page = 5;
begin
write_news_page(site, File.join(dir, category), category, posts_number, posts_per_page, pagination_skip)
pagination_skip += posts_per_page;
end while pagination_skip < posts_number
end
end
end
def write_news_page(site, dir, category, posts_number, posts_per_page, pagination_skip)
index = NewsPage.new(site, site.source, dir, category, posts_number, posts_per_page, pagination_skip)
index.render(site.layouts, site.site_payload)
index.write(site.dest)
site.pages << index
end
end
end
Run Code Online (Sandbox Code Playgroud)
news.html文件的布局
---
---
{% for post in site.categories[page.category] offset:page.pagination_skip limit:page.posts_per_page %}
{{ post.content }}
{% endfor %}
{% include nav.html %}
Run Code Online (Sandbox Code Playgroud)
包括导航nav.html
<div class="nav">
{% if page.prev_pagination_skip %}
<a rel="prev" href="{{site.basepath}}categories/{{page.category}}/news_{{page.prev_pagination_skip}}.html">Prev</a>
{% endif %}
{% if page.next_pagination_skip %}
<a rel="next" href="{{site.basepath}}categories/{{page.category}}/news_{{page.next_pagination_skip}}.html">Prev</a>
{% endif %}
</div>
Run Code Online (Sandbox Code Playgroud)
尝试一下,如果您喜欢,请告诉我。
| 归档时间: |
|
| 查看次数: |
1265 次 |
| 最近记录: |