Jekyll index.html使用3种不同的_layouts

前端之家收集整理的这篇文章主要介绍了Jekyll index.html使用3种不同的_layouts前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有3个不同的_layouts.

> post-link.html
> post-article.html
> post-photo.html

我可以在index.html上显示我的所有帖子,但它们都具有相同的布局.我能以某种方式在同一页面显示多个布局(index.html)吗?

解决方法

页面只能有一个布局,但布局可以嵌套.

我有三个_layouts:

> master.html
> default.html
> post.html

主布局具有我想要的任何页面所需的所有基本结构.它看起来
像这样的东西:

<html>
  <head>
    <title>{{ page.title }}</title>
  </head>
  <body>
    {{ content }}
  </body>
</html>

我对大多数不是博客文章页面使用默认布局.我做了大量的使用
页面的YAML前面的一些页面变量.布局看起来像这样:

---
layout: master
---
<h1>
  {{ page.title }}
  {% if page.subtitle %}<small>{{ page.subtitle }}</small>{% endif %}
</h1>
{% if page.description %}<p>{{ page.description }}</p>{% endif %}
{{ content }}

我使用_posts页面的帖子布局.它看起来像这样:

---
layout: default
---
<p>Posted {{ page.date }}</p>
<ul>{% for tag in page.tags %}...{% endfor %}</ul>
{{ content }}

我制作的每篇博文,都使用帖子布局,并且他们继承了所有三种布局.

如果你想获得可重复使用标记的片段,那么我建议使用
_includes.

猜你在找的HTML相关文章