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.