合并 Jekyll 多种类型的页面
合并 Jekyll 多种类型的页面
合并 Jekyll 多种类型的页面
发布于 2017-10-12 15:48 更新于 2018-08-12 06:49
以前胡思乱想时，有时会讲给小伙伴们听，有时会将想法在微信上发给自己，但多数时候是没有后文的，让胡思乱想烂在脑中。还好多数时候我记得，就像我亲自记得 3 岁时候的一些故事一样。
但今天大脑被一些凌乱的事情撑爆了，心情极度低落。正好近期学着写博客，于是想把一些胡思乱想的事情写在自己的站点上。
阅读本文，将学到如何用 Jekyll 做多种类型的页面，并在首页的列表中将这些不同种类的页面合并按日期排序。
制作除博客之外的新页面类型
Jekyll 不止支持博客（post）页面类型，也可以支持自定义页面类型。当然博客是它唯一的内建类型（hard-coded type）。
我希望独立于博客写一些其他的胡思乱想的随笔。为了避免影响到正常博客的列表，我决定采用自定义页面类型。
第一步：在 _config.yml 文件中添加自定义页面类型集合
collections:
article:
output: true其中，article 是我为自定义类型取的名称。
第二步：添加自定义页面类型文件夹
需要在 Jekyll 项目根目录建立一个 _article 文件夹，此名称与第一步的类型名称一致，前面加下划线。
此后，在这个文件夹里放跟 _posts 文件夹中一样规则的文件用于写文章。
（可选）第三步：添加自定义页面类型默认元数据
defaults:
- scope:
path: "_article"
type: "article"
values:
layout: "post"
author: "walterlv 吕毅"这里我让 article 类型使用 post 类型的页面布局。
（可选）第四步：添加自定义页面类型的页面列表
就像 posts 列表的页面一样制作一个 article 列表。
可以参考我的 posts 布局文件和 article 布局文件，两者几乎一样都是可以的，只是 article 遍历的时候使用 site.article。
制作一个合并了博客和其他页面类型的页面列表
我希望在首页中混杂我的博客和胡思乱想，于是必须将两种不同类型的集合合并。
使用如下代码：
{% assign all_posts = "" | split: "" %}
{% for article in site.article %}
{% assign all_posts = all_posts | push: article %}
{% endfor %}
{% for post in site.posts %}
{% assign all_posts = all_posts | push: post %}
{% endfor %}
{% assign all_posts = all_posts | sort: date | reverse %}由于 Jekyll 没有 concat 方法，所以只好一个个地将集合项添加进新集合。集合生成好后，按照日期排序。
此后，遍历以生成列表的时候使用 all_posts 集合即可。
参考资料
- Concat arrays in Jekyll(liquid)
- Sorting & ordering collections · Issue #2515 · jekyll/jekyll
- jekyll - For loops in Liquid: using reversed in conjunction with limit:1 - Stack Overflow
本文会经常更新，请阅读原文： https://walterlv.com/post/jekyll/jekyll-concat.html ，以避免陈旧错误知识的误导，同时有更好的阅读体验。
本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。欢迎转载、使用、重新发布，但务必保留文章署名 吕毅 （包含链接： https://walterlv.com ），不得用于商业目的，基于本文修改后的作品务必以相同的许可发布。如有任何疑问，请 与我联系 (walter.lv@qq.com) 。
腾讯云开发者
