How to Add to Nagivation Menu

Previously, I have added Tags page in my blog which is powered by Jekyll in GitHub. You can find how I added Tags page in this blog. Next thing I wanted to do was to put it on navigation menu.

Before adding the new item, my blog had two items in navigation menu: -Blog-About

I want to add one more item to navigation menu. This is what I want: -Blog-About-Tag

Examining files in _layout folder, I found default.html contains of <nav> section which has been assigned with the following code:


  <nav>
    <a href="{{ site.baseurl }}/">Blog</a>
    <a href="{{ site.baseurl }}/about">About</a>
  </nav>

default.html page can be included inside YAML front matter section in every site. So figured this out, adding a new item in navigation menu is as simple as adding an extra line in <navi> section in default.html.

    <a href="/tags">Tags</a>

After recompiling, you can see Tags is put on navigation menu.

Written on May 16, 2016