如何在 jekyll 中配置网站菜单

Question

我正在 jekyll 上创建一个网站，我将此代码用于菜单：

{% for page in site.pages %}
<li><a href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a></li>
{% endfor %}

但它在我的菜单中添加了一个我不需要的空白主页项目：

<li><a href="/"></a></li>

如何删除它？

Answer 1

原来的 jekyll 是这样的：

{% for my_page in site.pages %}
  {% if my_page.title %}
  <a class="page-link" href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a>
  {% endif %}
{% endfor %}

但是您可以在任何页面变量上进行测试。

如果你想根据类型区分页面，你可以像 type: toto 一样设置一个 front matter 变量，然后像这样生成你的菜单：

{% for my_page in site.pages %}
  {% if my_page.type == 'toto' %}
  <a class="page-link" href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a>
  {% endif %}
{% endfor %}

如何在 jekyll 中配置网站菜单

how to configure website menu in jekyll

liquid

jekyll