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

【问题标题】：how to create a dynamic menu in Jekyll that auto-populates nav items when creating new pages如何在 Jekyll 中创建一个动态菜单，在创建新页面时自动填充导航项
【发布时间】：2018-09-06 14:24:51
【问题描述】：

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

谢谢！

【问题讨论】：

标签： jekyll liquid

【解决方案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 %}

编码愉快！

【讨论】：