post.html

<div class="hero-body ct-body"></div>
      
</section>
<section class="ct-body">
  <div class="container">
    <div class="columns is-variable bd-klmn-columns is-4">
      <div class="column is-two-thirds">
        <div class="post-body single-content">      
          <div class="card-image">
            <figure class="random-img">
            </figure>
          </div>
          <h1 class="title">
            {{ post.title }}   
          </h1>
           
          <div class="media">
            {% if ext_logo_path %}
            <figure class="media-left">
              <p class="image is-48x48">
                
                  <img class="is-rounded" src="{{ ext_logo_path }}">
              </p>
            </figure>
            {% /if %}
            <div class="media-content">
              <div class="content">
                <p style="line-height: 30px; font-size: 12px;">
                  {% if ext_author.length %}
                  <a href="{% if ext_author_url.length %}{{ ext_author_url }}{% /if %}">{{ ext_author }}</a>
                  &nbsp;&nbsp;&nbsp;<span style="color: #ccc;">|</span>&nbsp;&nbsp;&nbsp;
                  {% /if %}
                  <span class="date"><i class="fa fa-calendar-check-o" aria-hidden="true"></i>&nbsp;{{ post.date }}</span>
                  {% if post.cats.@count %}
                  <span class="tran-posted-in">posted in</span>&nbsp; 
                  {% /if %}
                  {% for cat in post.cats %}
                    <span class="posted-in"><a href='{{ cat.url }}'><i class="fa fa-folder" aria-hidden="true"></i>&nbsp;&nbsp;{{ cat.name }}</a></span>
                  {% /for %}     
                  {% if ext_disqus_shortname.length %}
                    &nbsp;&nbsp;&nbsp;<span style="color: #ccc;">|</span>&nbsp;&nbsp;&nbsp;
                    <a href="{{ siteURL }}{{post.url}}#disqus_thread"><span class="tran-disqus-comments">comments</span></a>
                  {% /if %}

                  {% if ext_duoshuo_shortname.length %}
                    &nbsp;&nbsp;&nbsp;<span style="color: #ccc;">|</span>&nbsp;&nbsp;&nbsp;
                    <a  class="ds-thread-count" data-thread-key="{{post.url}}" data-count-type="comments" href="{{post.url}}#ds-thread"></a>
                  {% /if %}

                  {% if post.tags.@count %}
                  &nbsp;&nbsp;&nbsp;<span style="color: #ccc;">|</span>&nbsp;&nbsp;&nbsp;
                  {% for tag in post.tags %}
                    <a class="tag is-link is-light" href='{{ tag.url }}'>#{{ tag.name }}</a>
                  {% /for %}
                  {% /if %}
                </p>
              </div>
            </div>
          </div>
        </div>
        <article class="markdown-body single-content">
          {{ post.content }}
        </article>
        <div class="comments-wrap">
          <div class="share-comments">
            {% if ext_utteranc_repo.length %}
            <script src="https://utteranc.es/client.js"
                    repo="{{ ext_utteranc_repo }}"
                    issue-term="title"
                    theme="github-dark"
                    crossorigin="anonymous"
                    id="github-comment"
                    async>
            </script>
            {% /if %} 
            {{ commentAndShareCode }}

            {% if ext_disqus_shortname.length %}
              <div id="disqus_thread"></div>
            {% /if %}

            {% if ext_duoshuo_shortname.length %}
                <div class="ds-thread" data-thread-key="{{post.url}}" data-url="{{ siteURL }}{{post.url}}" data-title="{{post.title}}"></div>
            {% /if %}
          </div>
        </div><!-- end comments wrap -->
      </div>
      <div class="column">
         <!-- include(section-cats_tags.html) -->
      </div>
    </div><!-- end columns -->
  </div><!-- end container -->
</section>