Jekyll条件图像标签在不存在时仍会显示

时间:2016-02-07 19:56:12

标签: image conditional jekyll broken-links

我正在使用Jekyll为我的网站,我有条件的附加图像,以{%if page.second-image%}开头,以{%endif%}结尾。遗憾的是,即使帖子中没有第二张图像,这些图像标签仍然会显示出来。如果他们没有被编入当前帖子,我如何让Jekyll忽略它们?谢谢!

layout: post
title: title
date: 2015-09-02
image: /img/path.png
second-image: /img/path.png
third-image: /img/path.png
description: Landing Page/Menu Design
meta-title: meta title information

但是帖子模板中的第4张,第5张和第6张图片显示为断开的链接,即使它们不在那里

1 个答案:

答案 0 :(得分:1)

好的,试试这个:

---
title: "My title" # wrap in double quotes
image: path.png # remove source folder
second-image: path.png
description: "My description" # wrap in double quotes
meta-title: "meta title information" # wrap in double quotes
... # whatever you need
---

然后,到post.html(或您调用帖子的其他html文件):

{% if page.second-image %} <img class="some_class" src="{{ site.baseurl }}/img/{{ page.second-image }}" alt="{{ page.title }}"> {% endif %} 

OR:

---
extra_imgs: [path1.png, path2.png, path3.png]
---

然后

{% if page.extra_imgs %} 
{% for img in page.extra_imgs %}
<img class="some_class" src="{{ site.baseurl }}/img/{{ img }}" alt="{{ page.title }}"> 
{% endfor %}
{% endif %}

提示:避免在yaml frontmatter值中使用特殊字符。他们可以打破他们之后的代码!无论如何,如果using double quotes你应该没问题。

让我知道它是怎么回事!

希望有所帮助!