组装/车把排序顺序

Question

我使用 Assemble FAQs 中的示例创建了一个简单的动态导航

{{#each pages }}
  {{#is data.section "main"}}
    <li{{#is ../../page.dest this.dest}} class="active"{{/is}}>
      <a href="{{relative ../../page.dest this.dest}}">{{data.menutitle}}</a>
    </li>
  {{/is}}
{{/each}}

如何实现排序顺序？现在链接似乎是随机顺序的。它们似乎按照页面别名 (index.html) 的 alpha 顺序排列。

他们应该是：

Index Products Find Us

但是渲染的是：

Find Us Index Products

Answer 1

这是一个指向Assemble documentation 的链接，其中有一个关于使用withSort 的部分。

我会使用类似的东西：

{{#withSort pages data.sortOrder}}
    {{#is data.section "main"}}
        <li{{#is ../../page.dest this.dest}} class="active"{{/is}}>
            <a href="{{relative ../../page.dest this.dest}}">{{data.menutitle}}</a>
        </li>
    {{/is}}
{{/withSort}}

sortOrder 是在页面级别定义的，例如在页面模板中定义：

---
title: Index
sortOrder: 0
---

等等