在同一网站(Jekyll GitHub)上创建两个博客,而不更改布局/格式



我最近尝试在这里使用Jekyll GitHub模板创建一个网站。我希望对此模板进行的一项重大更改是,以该模板的"博客"选项卡中提供的格式专门显示两个"博客"。

我(有点(在我的网站上成功创建了两个博客,并将关联的选项卡命名为(媒体(和(博客(。我通过重新组织文件结构来实现这一点,分别有一个"媒体"文件夹和一个"博客"文件夹,每个文件夹都包含一个_posts文件夹和index.html文件。现在,当我在_posts文件夹中添加.md文件时,这些帖子似乎被添加到正确的选项卡中(MediaBlog(。

尽管该功能有效,但与原始模板博客中的样式相比,"博客"和"媒体"选项卡都失去了美感。即,1(顶部的横幅图像现在消失了;2(标题在一行中后跟"漂亮"格式(灰色和29 Aug 2016格式(的文本格式现在采用不太吸引人的项目符号格式,日期在前,格式为Aug 29, 2016;3(介绍性摘录文本(在示例中:"罐式蒸馏器是一种用于蒸馏威士忌或白兰地等烈酒的蒸馏器。直接加热到装有洗涤液(用于威士忌(或葡萄酒(用于白兰地(的锅上。现在已经不见了。

我不清楚为什么我将_posts文件夹分成两个单独的文件夹似乎会导致这些不需要的布局副作用。由于这三个布局问题同时发生了变化,因此我假设它们都可以在同一个解决方案中解决。无论这是否属实,关于如何解决这些布局问题的任何建议都可能非常有帮助。感谢您分享任何想法!

您已经从_config.yml中删除了posts集合,该集合为所有帖子设置了默认feature_image。 除非您将其重新添加或在每个单独的帖子中包含覆盖,否则它不会显示标题(它可能会影响也可能不会影响其余样式(:

collections:
media:
title: Media # Needed for Siteleaf
output: true
description: "Recent discussions with the media." # The post list page content
feature_text: |
Sharing our motivations and  
opinions with the media.
feature_image: "https://picsum.photos/2560/600?image=866"

您实际上并没有在blog/index.htmlmedia/index.html中使用媒体集合,您最终使用的是post.categories进行过滤,一旦您开始滚动,这仍然会导致一些奇怪的分页。

您可能需要考虑使用单独的集合,然后使用分页器 v2 (https://github.com/sverrirs/jekyll-paginate-v2/blob/master/README-GENERATOR.md( 预先构建您的网站,这将允许对不同的集合进行分页。

编辑 2020-01-23

重新审视您的存储库,您仍然只有一个(帖子(集合。 因此,正在共享读取feature_*的逻辑。 如果您查看包含site_feature.html,您可以看到如何从集合中解析feature_image。

{% assign collectiondata = site.collections | where: "label", page.collectionpage | first %}

在您的情况下,这就是为什么博客和媒体都有第二个图像?image=213。 你的blog.htmlmedia.html仍然有前collectionpage: post.

我仍然认为你正在滑坡,一旦你以这种方式获得越来越多的帖子,这将导致事情不能完全按照你想要的方式工作。

最新更新