breadcrumbs.html

<ol class="breadcrumb">
  <li><a href="{{ site.baseurl }}/">Home</a></li>
  {% capture page_url_without_index_html %}{{ page.url | remove: "/index.html" }}{% endcapture %}
  {% assign splitted_url_parts = page_url_without_index_html | split: '/' %}
  {% capture forLoopMaxInt %}{{ splitted_url_parts.size | minus:1 }}{% endcapture %}
  {% for i in (1..forLoopMaxInt) %}
  {% capture current_breadcrumb_url %}{{next_prepender}}/{{ splitted_url_parts[i] }}/index.html{% endcapture %}
  {% capture current_breadcrumb_md_url %}{{next_prepender}}/{{ splitted_url_parts[i] }}/{% endcapture %}
  {% capture next_prepender %}{{next_prepender}}/{{ splitted_url_parts[i] }}{% endcapture %}
  {% for breadcrumb_page in site.pages %}

  {% if current_breadcrumb_url == breadcrumb_page.url or
  current_breadcrumb_md_url == breadcrumb_page.url %}
  {% capture breadcrumb_page_page_url_without_index_html %}{{ breadcrumb_page.url | remove: "index.html" }}{% endcapture %}
  {% assign j = forLoopMaxInt | plus: 0 %}
  <li {% if i == j %}class="active"{% endif %}>
    <a href="{{ site.baseurl }}{{breadcrumb_page_page_url_without_index_html}}">{{breadcrumb_page.breadcrumb}}</a>
  </li>
  {% endif %}
  {% endfor %}
  {% endfor %}
</ol>