我想知道如何在Jekyll中创建动态菜单,无论何时创建新页面,都会自动使用导航项填充导航。我读了一篇关于这个主题的article,但它只适用于子导航项目。做过这样的事有没有经验?
谢谢!
自动执行此操作是个坏主意。但是,它很容易实现。这是代码:
<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 %}
快乐的编码!