Question

我在Jekyll中构建了一个样式指南，并为每个组件设置了一个集合。它仅使用前端内容来显示有关样式的数据。文件可能如下所示：

---
title: "Button Big Fixed"
type: interactive elements
description: "A big button with a fixed height."

code:
 html: |
  <button class="expanderBtn icon">Button</button>
 css: |
  .test { 
    font-size: 20px; 
    text-align: center;
  }

colors:
  - name: Brand Blue
    hex: "#006CFF"
    notes: Used as the background
  - name: Hover
    hex: "#7FB5FF"
    notes: Brand Blue with 50% opacity
  - name: Clicked
    hex: "#4091FF"
    notes: Brand Blue with 75% opacity
  - name: Text
    hex: "#000000"
    notes: Text should be black for best legibility
---

现在，对于永久链接功能，我想使用output：true。但是，生成的文档是空的，因为我只使用前面的内容。

有没有办法设置自定义模板或类似的东西，所以我可以在输出生成的页面上渲染前面的内容：true？

Answer 1

您可以为_config.yml中的每个集合添加默认模板。这看起来像这样：

defaults:
  - scope:
      path: ''
    values:
      layout: 'page'
  - scope:
      path: ''
      type: 'guides'
    values:
      layout: 'guide'

这意味着：使用_layouts目录中的page.html文件，除了集合“指南”之外的所有内容。对于“指南”，您应该使用guide.html。在_layouts文件夹中创建此文件。在此guide.html文件中，您可以使用：

调用frontmatter的部分内容

page.title
page.description
page.etc

祝你好运！

从集合生成的页面布局，输出设置为true

1 个答案: