Sorted navigation menu with Jekyll and Liquid

Question

I\'m constructing a static site (no blog) with Jekyll/Liquid. I want it to have an auto-generated navigation menu that lists all existing pages and highlight the current pag

Answer 1

Easy solution:

Assign a sorted array of site.pages first then run a for loop on the array.

Your code will look like:

{% assign links = site.pages | sort: 'weight' %}
{% for p in links %}
  

    
      {{ p.title }}
    
  
{% endfor %}

This works in my navbar _include which is simply:

    

        {% assign tabs = site.pages | sort: 'weight' %}
        {% for p in tabs %}
            {{ p.title }}
        {% endfor %}