Jekyll collections 没有渲染
Jekyll collections not rendering
我已经按照这个 tutorial 制作了一个 Jekyll 静态网站。问题是当我到达 collections 的部分时,我按照指示做了,但是我的 'portfolio' collection 没有渲染。
这些是构成 collection _portfolio
.
的 Markdown 文件
例如,名为 google.md
的文件具有以下内容:
---
image_path: /img/portfolio/1.jpg
category: Diseño web
project_name: Google
link: https://google.com
---
与其他文件一样,但数据不同。
我的config.yml
只有这个:
collections:
portfolio:
而portfolio.html
有这个代码:
---
layout: page
title: Portafolio
---
<section class="no-padding" id="portfolio">
<div class="container-fluid">
<div class="row no-gutter">
{%- for item in site.portfolio -%}
<div class="col-lg-4 col-sm-6">
<a href="{{ item.link }}" class="portfolio-box">
<img src="{{ item.image_path }}" class="img-responsive" alt="{{ item.project_name }}">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
{{ item.category }}
</div>
<div class="project-name">
{{ item.project_name }}
</div>
</div>
</div>
</a>
</div>
{%- endfor -%}
</div>
</div>
</section>
当我检查控制台中的元素时,我注意到页面正在呈现除 {% for %}
标记之后的内容以外的所有内容。
我错过了什么?
Markdown 文件是错误的还是 'for' 标签?
编辑:这是存储库 link
看来你的collection.docs
数组是空的,所以,没办法循环进去。
您需要生成文档。
你能试试吗:
collections:
portfolio:
output: true
编辑:您的配置文件必须命名为 _config.yml 而不是 config.yml.
我已经按照这个 tutorial 制作了一个 Jekyll 静态网站。问题是当我到达 collections 的部分时,我按照指示做了,但是我的 'portfolio' collection 没有渲染。
这些是构成 collection _portfolio
.
例如,名为 google.md
的文件具有以下内容:
---
image_path: /img/portfolio/1.jpg
category: Diseño web
project_name: Google
link: https://google.com
---
与其他文件一样,但数据不同。
我的config.yml
只有这个:
collections:
portfolio:
而portfolio.html
有这个代码:
---
layout: page
title: Portafolio
---
<section class="no-padding" id="portfolio">
<div class="container-fluid">
<div class="row no-gutter">
{%- for item in site.portfolio -%}
<div class="col-lg-4 col-sm-6">
<a href="{{ item.link }}" class="portfolio-box">
<img src="{{ item.image_path }}" class="img-responsive" alt="{{ item.project_name }}">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
{{ item.category }}
</div>
<div class="project-name">
{{ item.project_name }}
</div>
</div>
</div>
</a>
</div>
{%- endfor -%}
</div>
</div>
</section>
当我检查控制台中的元素时,我注意到页面正在呈现除 {% for %}
标记之后的内容以外的所有内容。
我错过了什么? Markdown 文件是错误的还是 'for' 标签?
编辑:这是存储库 link
看来你的collection.docs
数组是空的,所以,没办法循环进去。
您需要生成文档。
你能试试吗:
collections:
portfolio:
output: true
编辑:您的配置文件必须命名为 _config.yml 而不是 config.yml.