Simple "hacky" HubSpot blog breadcrumb

hubspot_breadcrumbs.html

<div id="blog--breadcrumbs">
  <ul>
    <li>
      <a href="/" class="">Home</a>
    </li>
    {% if is_listing_view %}
    <span class="nav--spacer">&#x203A;</span>
    <li>
      <strong><span class="no--link">Insights</span></strong>
    </li>
    {% else %}
    <!-- default blog link -->
    <span class="nav--spacer">&#x203A;</span>
    <li>
      <a href="{{ group.absolute_url }}" class="">Insights</a>
    </li>
    <span class="nav--spacer">&#x203A;</span>
    <li>
      <strong><span class="no--link">{{ content.name }}</span></strong>
    </li>
    {% endif %}
  </ul>
</div>


<!-- you will style it appropriately to make it look like a sitemap -->
<!-- It's not my best work. I cooked it up because a client wanted it and I didn't have design -->