在不改变 layout/formatting 的情况下在同一网站 (Jekyll GitHub) 上创建两个博客

Creating two blogs on same website (Jekyll GitHub) without altering layout/formatting

我最近尝试使用 Jekyll GitHub 模板创建网站 here. One major alteration I hope to make to this template is to have two "blogs" in the format provided in the Blog tab of that template specifically shown here

我(有点)在我的网站上成功创建了两个博客,并分别命名了相关的选项卡(Media) and (Blog). I achieved this by reorganizing the file structure to have a "media" folder and a "blog”文件夹,每个文件夹包含一个 _posts 文件夹和 index.html 文件。现在,当我在 _posts 文件夹中添加 .md 文件时,这些帖子似乎被添加到正确的选项卡(MediaBlog)。

即使该功能有效,Blog and Media tab lost their aesthetics compared to the style in the original template blog。即,1)顶部的横幅图像现在消失了; 2) "pretty" 格式(灰色,29 Aug 2016 格式)的标题在一行中的文本格式现在是日期在前的 less-attractive 项目符号格式格式为 Aug 29, 2016; 3) 介绍性摘录文本(示例中:"A pot still is a type of still used in distilling spirits such as whisky or brandy. Heat is applied directly to the pot containing the wash (for whisky) or wine (for brandy).")现已消失。

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

您已经从 _config.yml 中删除了 posts collection,它为所有 post 设置了默认值 feature_image。除非您将其添加回去或​​在每个人中包含覆盖 post,否则它将不会显示 header(它可能会也可能不会影响其余样式):

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 中使用媒体 collection,你最终使用 post.categories 进行过滤,这将一旦开始滚动,仍然会导致一些奇怪的分页。

您可能想看看使用单独的 collections,然后 pre-building 您的站点使用 paginator v2 (https://github.com/sverrirs/jekyll-paginate-v2/blob/master/README-GENERATOR.md),这将允许不同 collections.

编辑 2020-01-23

重新查看您的存储库,您仍然只有一个(posts)collection。因此阅读 feature_* 的逻辑被共享。如果您查看包含 site_feature.html,您可以看到 feature_image 是如何从 collection 中解析出来的。

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

在您的情况下,这就是博客和媒体都有第二张图片的原因 ?image=213。你的 blog.htmlmedia.html 仍然有前题 collectionpage: post

我仍然认为你正在走下坡路,一旦你通过这种方式获得越来越多的 posts,这将导致事情无法完全按照你想要的方式工作。