How to use post - 10 common examples

<style lang="scss">@import 'core';
    h1 {
        font-weight: 300;
    }
</style>

<template>
    <div>
      <h1>\{{ post.title }}</h1>
      <div></div>
    </div>
</template>

<template>
  <div class="media g-brd-around g-brd-gray-light-v4 g-brd-left-1 g-pa-20 g-mb-20">
    
      <span class="d-inline-block g-pos-rel">
        <span class="u-badge-v2--xs u-badge--top-left g-bg-red g-mt-7 g-ml-7"></span>
        <img class="d-flex g-brd-around g-brd-gray-light-v3 g-pa-2 g-width-40 g-height-40 rounded-circle rounded mCS_img_loaded g-mt-3 g-mr-15">
      </span>
      <img class="d-flex g-brd-around g-brd-gray-light-v3 g-pa-2 g-width-40 g-height-40 rounded-circle rounded mCS_img_loaded g-mt-3 g-mr-15">
    
    
    <div class="media-body">
      <div class="g-mb-15">
        <h5 class="h5 g-color-gray-dark-v1 mb-0">{{ post.author.name || post.author.username }} <span class="h6">发布了文章《{{ post.title }}》</span></h5>
        <span class="g-color-gray-dark-v4 g-font-size-12">{{ $moment(post.timestamp).format('YYYY年MM月DD日 HH:mm:ss') }}</span>
      </div>

      
      
      

      <div class="d-flex justify-content-start">
        <ul class="list-inline mb-0">
          <li class="list-inline-item g-mr-20">
            <a class="g-color-gray-dark-v5 g-text-underline--none--hover">
              <i class="icon-eye g-pos-rel g-top-1 g-mr-3"></i> {{ post.views }}</a></li></ul></div></div></div></template>

<style lang="sass">
</style>

<template>
    <article class="blog-post page">
        <h3>\{{ post.title }}</h3>
        <p>\{{{ post.content_html }}}</p>
    </article>
</template>

}
    }


<template>
    <div>
        <h1>Blog example</h1>
        <p>To see the blog example in action, make sure you have the following plugins installed.</p>
        <ol>
            <li><a href="https://octobercms.com/plugin/rainlab-blog">RainLab.Blog</a></li>
            <li><a href="https://github.com/scottbedard/rainlab-blog-api">Bedard.RainLabBlogApi</a></li>
        </ol>
        <h2>Posts</h2>
        <ul>
            <li>
                
                    \{{ post.title }}
                
            </li>
        </ul>
    </div>
</template>