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

Question

我想知道如何在 Jekyll 中创建一个动态菜单，每当创建新页面时，它都会自动使用导航项填充导航。我读了一篇涉及该主题的文章，但它仅针对子导航项目。有没有人做这样的事情？

谢谢！

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 %}

祝您编码愉快！