blog/themes/grid/layout/partial/post/list.ejs

43 lines
1.9 KiB
Plaintext

<% page.posts.sort("date", "desc" ).each(function(post, i) { %>
<div class="uk-card uk-card-default uk-card-small uk-width-1-1 mb-2">
<div class="uk-card-header">
<h3 class="uk-card-title">
<a href="/<%= post.path %>">
<%= post.title %>
</a>
</h3>
<div class="flex row-a col-n rm-start-a">
<div class="uk-text-meta mr-1">发布:<%= date(post.date, "YYYY-MM-DD HH:mm") %></div>
<% const updateValid = post.updated.isValid() %>
<div class="uk-text-meta mr-1">更新:<%= date(updateValid ? post.updated : post.date, "YYYY-MM-DD HH:mm") %></div>
<% if (post.categories.length> 0) { %>
<div class="uk-text-meta">知识分类:
<%- list_categories(post.categories, {
class: { a: 'uk-link-muted' },
show_count: false,
style: false,
separator: ' / '
}) %>
</div>
<% } %>
</div>
</div>
<% if (post.excerpt) { %>
<div class="uk-card-body">
<%- post.excerpt %>
</div>
<% } %>
<% if (post.tags.length> 0) { %>
<div class="uk-card-footer flex row-a rm-start-a hin">
<div class="tag-title">分类标签:</div>
<div class="flex row-a rm-start-a w-wrap-a extend-1-a">
<% post.tags.each(function(tag) { %>
<span class="uk-label ml-1 mb-1 <% if (is_tag(tag.name)) { %>uk-label-warning<% } %>">
<%= tag.name %>
</span>
<% }) %>
</div>
</div>
<% } %>
</div>
<% }) %>