- First of all you must have a navigation.yml file in a _data folder. Your navigation.yml should be like this:
links:
- name: Home
link: /
- name: Another link
link: /another-link/
- name: And so on
link: /and-so-on/
- Second, your navigation.html will be like this:
<div class="nav">
<ul>
{% for link in site.data.navigation.links %}
{% assign class = "" %}
{% if link.highlight %}
{% assign class = class | append: " highlight" %}
{% endif %}
{% if link.link == page.url %}
{% assign class = class | append: " active" %}
{% endif %}
<li>
<a href="{{ site.baseurl }}{{ link.link }}"
class="{{ class }}"
{% if link.new_window %}
target="_blank"
{% endif %}>
{{ link.name }}
</a>
</li>
{% endfor %}
</ul>
</div>
- If my answer satisfies your question kindly marks the topic as resolved.