<section class="widget posts_show_widget">
    <div class="wid_title" th:text="${theme.config.sidebar.posts_show_widget.title}">热门文章</div>
    <ul class="items posts_show" th:classappend="${theme.config.sidebar.posts_show_widget.show_style}">
        <li class="item" th:each="post : ${postFinder.list({page: 1, size: theme.config.sidebar.posts_show_widget.posts_number, sort: {'stats.visit,desc'}})}">
            <div class="image">
                <a th:href="@{${post.status.permalink}}"
                   th:with="cover_img=${#strings.contains(theme.config.post.post_banner,'http') ? ((#strings.contains(theme.config.post.post_banner,'?') ? theme.config.post.post_banner : theme.config.post.post_banner+'?')+','+post.spec.title): theme.config.post.post_banner}">
                    <img class="round8"
                         th:with="_cover = ${#strings.isEmpty(post.spec.cover) ? cover_img : thumbnail.gen(post.spec.cover, 's')}"
                         th:data-src="${_cover}" width="50"
                         height="50" alt="" uk-img="" loading="lazy"
                         th:src="@{/assets/img/logo.webp}"></a>
            </div>
            <div class="info nowrap">
                <h4 class="title nowrap"><a th:href="@{${post.status.permalink}}">[[${post.spec.title}]]</a></h4>
                <div class="meta">[[${post.stats.comment}]] REPLIES ， [[${post.stats.visit}]] VIEWS</div>
            </div>
        </li>
    </ul>
</section>