带有Jekyll和Liquid的排序导航菜单
我正在使用Jekyll/Liquid构建一个静态站点(没有博客)。我希望它有一个自动生成的导航菜单，列出所有现有的页面，并突出显示当前页面。菜单项应按特定顺序添加到菜单中。因此，我在页面的YAML中定义了一个weight属性：
---
layout : default
title : Some title
weight : 5
---导航菜单的结构如下：
<ul>
{% for p in site.pages | sort:weight %}
<li>
<a {% if p.url == page.url %}class="active"{% endif %} href="{{ p.url }}">
{{ p.title }}
</a>
</li>
{% endfor %}
</ul>这会创建到所有现有页面的链接，但它们没有排序，sort过滤器似乎被忽略了。很明显，我做错了什么，但我不知道是什么。
回答 7
Stack Overflow用户
发布于 2012-02-03 09:21:39
您唯一的选择似乎是使用双循环。
<ul>
{% for weight in (1..10) %}
{% for p in site.pages %}
{% if p.weight == weight %}
<li>
<a {% if p.url == page.url %}class="active"{% endif %} href="{{ p.url }}">
{{ p.title }}
</a>
</li>
{% endif %}
{% endfor %}
{% endfor %}
</ul>尽管它很丑陋，但它应该可以工作。如果你也有没有权重的页面，你将不得不包括一个额外的内部循环，只是在当前内部循环之前/之后执行{% unless p.weight %}。
Stack Overflow用户
发布于 2013-05-18 14:46:51
下面的解决方案适用于Github (不需要插件)：
{% assign sorted_pages = site.pages | sort:"name" %}
{% for node in sorted_pages %}
<li><a href="{{node.url}}">{{node.title}}</a></li>
{% endfor %}上面的代码段按文件名对页面进行排序( Page对象上的name属性派生自文件名)。我重命名了文件以匹配我想要的顺序：00-index.md，01-about.md -和presto！页面是有序的。
一个陷阱是，这些数字前缀以URL结尾，这对大多数页面来说看起来很笨拙，在00-index.html中也是一个真正的问题。Permalilnks拯救：
---
layout: default
title: News
permalink: "index.html"
---附注:我想变得聪明些，只为排序而添加自定义属性。不幸的是，自定义属性不能作为Page类的方法访问，因此不能用于排序：
{% assign sorted_pages = site.pages | sort:"weight" %} #bummerStack Overflow用户
发布于 2012-09-20 08:03:58
最简单的解决方案是在页面的文件名前面加上一个索引，如下所示：
00-home.html 01-services.html 02-page3.html
页面是按文件名排序的。但是，现在您将拥有丑陋的urls。
在您的yaml内容部分，您可以通过设置permalink变量来覆盖生成的url。
例如：
---
layout: default
permalink: index.html
---https://stackoverflow.com/questions/9053066
复制
![二级导航菜单[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/e10ad741128af02be4600f8df91b1805.jpg)
相似问题
For循环和带有liquid和jekyll的弹出窗口
如何使用Jekyll / Liquid创建主题菜单
基于两列的Jekyll / liquid代码排序
使用Jekyll / liquid模板对数组进行排序
访问带有Jekyll/Liquid模板中变量的数组
领取专属 10元无门槛券
AI混元助手 在线答疑
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
