each article , index in page.posts.data
  .recent-post-item
    - var link = article.link || article.path
    - var title = article.title || _p('no_title')
    - var leftOrRight = index%2 == 0 ? 'left_radius' : 'right_radius'
    - var post_cover = article.cover
    - var no_cover = article.cover === false || !theme.cover.index_enable ? 'no-cover' : ''
    if post_cover && theme.cover.index_enable
      .post_cover(class=leftOrRight)
        a(href=url_for(link) title=title)      
          if theme.lazyload.enable
            img.post_bg.lazyload(data-src=`${post_cover}` onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'` alt=title)
          else
            img.post_bg(src=`${post_cover}` onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'` alt=title)
    .recent-post-info(class=no_cover)
      a.article-title(href=url_for(link) title=title)= title
      .article-meta-wrap
        if (article.top)
          span.article-meta
            i.fa.fa-thumb-tack.article-meta__icon.sticky
            span.sticky= _p('sticky')
            span.article-meta__separator |
        if (theme.post_meta.page.date_type)
          if (theme.post_meta.page.date_type === 'both')
            time.post-meta__date
              i.fa.fa-calendar.fa-fw(aria-hidden="true")
              =date(page.date, config.date_format)
              span.article-meta__separator |
              i.fa.fa-history.fa-fw(aria-hidden="true")
              =date(page.updated, config.date_format)
          else
            - var date_type = theme.post_meta.post.date_type === 'updated' ? 'updated' : 'date'
            time.post-meta__date #[i.fa.fa-calendar.fa-fw(aria-hidden="true")]#[=date(page[date_type], config.date_format)]
        if (theme.post_meta.page.categories && article.categories.data.length > 0)
          span.article-meta
            span.article-meta__separator |
            each item, index in article.categories.data
              i.fa.fa-inbox.article-meta__icon(aria-hidden="true")
              a(href=url_for(item.path)).article-meta__categories #[=item.name]
              if (index < article.categories.data.length - 1)
                  i.fa.fa-angle-right(aria-hidden="true")
        if (theme.post_meta.page.tags && article.tags.data.length > 0)
          span.article-meta.tags
            span.article-meta__separator |
            each item, index in article.tags.data
              i.fa.fa-tag.article-meta__icon(aria-hidden="true")
              a(href=url_for(item.path)).article-meta__tags #[=item.name]
              if (index < article.tags.data.length - 1)
                span.article-meta__link -
      if theme.auto_excerpt && theme.auto_excerpt.enable
        - const content = strip_html(article.content)
        - let expert = content.substring(0, theme.auto_excerpt.length) 
        - content.length > theme.auto_excerpt.length ? expert += ' ...' : ''
        .content!= expert
      else
        .content!= article.description