Add breadcrumbs to your page.

This was based on:

I cleaned it up and added supported for relative URLs.

  • _includes/breadcrumbs.html 
      <div id="breadcrumbs">
    

      <a href="/code-cookbook/">Home</a>

        
          /
            
                
              <a href="/code-cookbook/recipes/">Recipes</a>
            
        
          /
            
                
              <a href="/code-cookbook/recipes/jekyll/">Jekyll</a>
            
        
          /
            
                
              <a href="/code-cookbook/recipes/jekyll/snippets/">Snippets</a>
            
        
          /
            
              Breadcrumbs
            
        

  </div>

The code above always starts with Home. This may not make sense for pages like /about.html and /animals/index.html which are 1 level below / in terms of URL but they are not really below Home. So the top level could be Animals instead and Home can be reached through the navbar.