能否在Jekyll Front Matter中添加if语句基于page.url选择属性?
关于Jekyll Front Matter中添加条件判断的问题
很遗憾,Jekyll的Front Matter本身不支持直接嵌入Liquid模板语法(比如{% if %}这类条件判断)。原因很简单:Front Matter是YAML格式的配置块,会在Liquid模板解析之前被Jekyll先行处理,它只能存放合法的YAML键值对,无法识别Liquid的标签语法。
不过你可以通过以下几种方式实现类似的效果,根据page.url选择性设置图片属性:
方法1:在页面模板中处理条件判断
把图片的逻辑移到渲染页面的模板文件(比如_layouts/your-template.html)里,而不是写在Front Matter中。
比如直接在模板里输出图片时做判断:
{% comment %} 根据URL选择图片 {% endcomment %} {% if page.url == "/page1.html" %} <img src="{{ site.baseurl }}/page1-image.png" alt="{{ page.title }}"> {% else %} <img src="{{ site.baseurl }}/general-image.png" alt="{{ page.title }}"> {% endif %}
如果需要在模板多个地方复用这个图片变量,可以先在模板顶部定义变量:
{% assign page_image = "general-image.png" %} {% if page.url contains "page1" %} {% assign page_image = "page1-image.png" %} {% endif %} <!-- 之后在模板中任意位置使用 --> <img src="{{ site.baseurl }}/{{ page_image }}" alt="{{ page.title }}">
方法2:在生成虚拟页面的插件中直接设置属性
因为你的页面是通过插件基于基础模板虚拟生成的,最直接的方式是在插件的代码逻辑里,根据生成页面的URL来设置image属性。
比如在插件创建页面对象时添加判断:
# 示例插件代码片段 page = Jekyll::Page.new(site, site.source, '', 'your-page.md') page.data['title'] = 'blah' page.data['description'] = 'blah blah' # 根据URL设置图片 if page.url == '/page1.html' page.data['image'] = 'page1-image.png' else page.data['image'] = 'general-image.png' end site.pages << page
这样生成的页面会自动带有对应的image数据,无需在.md文件的Front Matter里写任何条件。
方法3:通过_config.yml的defaults批量配置
如果你的虚拟页面有固定的路径规则,可以在站点的_config.yml中用defaults配置,根据路径匹配自动设置默认的image值:
defaults: # 给所有页面设置默认图片 - scope: path: "" type: "pages" values: image: "general-image.png" # 给匹配page1路径的页面设置专属图片 - scope: path: "page1" # 这里的路径对应页面文件的存放路径,需根据实际调整 values: image: "page1-image.png"
内容的提问来源于stack exchange,提问作者Seong Lee
相关产品推荐
相关产品推荐

