Embedding comments from _data/comments.json with Jekyll / GH Pages

_includes-comment-single.html

<li>
  {% if include.comment.url %}<a href="{{ include.comment.url }}">{% endif %}
  {% if include.comment.avatar %}<img src="{{ include.comment.avatar }}" alt="{{ include.comment.name }}" />{% end
  {% if include.comment.url %}</a>{% endif %}

  {% if include.comment.url %}<a href="{{ include.comment.url }}">{% endif %}
  <span class="author">{{ include.comment.name }}</span>
  {% if include.comment.url %}</a>{% endif %}
  • <time>{{ include.comment.created | date: "%b %d, %Y" }}</time>

  {{ include.comment.message }}

  {% if include.comment.children %}
    <ul>
      {% for child in include.comment.children %}
        {% include comment-single.html comment=child %}
      {% endfor %}
    </ul>
  {% endif %}
</li>

_includes-comments.html

<ul>
  {% for comment in include.comments %}
    {% include comment-single.html comment=comment %}
  {% endfor %}
</ul>

_layout-post.html

{% assign comments = site.data.comments[page.id] %}
{% include comments.html comments=comments %}