Question

我想知道如何在Jekyll中创建动态菜单，每当创建新页面时，该菜单就会自动用导航项填充导航。我读了一个article，略微触及了这个主题，但它只是针对次导航项目。有没有人做过这样的事情？

谢谢！

Answer 1

自动执行此操作是个坏主意。但是，这很容易实现。这是代码：

<ul>
  {% for item in site.pages %}
    <li {% if page.url contains item.url %}class="active"{% endif %}>
      <a href="{{ item.url }}">{{ item.title }}</a>
    </li>
  {% endfor %}
</ul>

来源：https://jekyllcodex.org/without-plugin/simple-menu/

要定义出现的顺序，您可能想要在页面上添加一个称为“ order”的封面变量，并在每页上为此变量添加一个不同的页码。代码应在对页面进行循环之前对其进行排序。看起来像这样：

{% assign sitepages = site.pages | sort: order %}
{% for item in site.pages %}
  ...
{% endfor %}

编码愉快！

如何在Jekyll中创建动态菜单，以便在创建新页面时自动填充导航项

1 个答案: