blog/themes/grid/layout/post.ejs

47 lines
2.3 KiB
Plaintext

<div class="flex mx-2 my-2 main-content">
<section class="w-3-4-a w-2-2-n w-2-2-m px-1">
<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 flex row-a rm-start-a rc-center-a">
<a href="javascript:history.go(-1)" uk-icon="icon: chevron-left" uk-tooltip="后退到上一个页面"></a>
<span class="ml-1">
<%= page.title %>
</span>
</h3>
<div class="flex row-w row-m col-n rm-start-a">
<div class="uk-text-meta mr-1">发布时间:<%= date(page.date, "YYYY-MM-DD HH:mm" ) %></div>
<% const validUpdate = page.updated.isValid() %>
<div class="uk-text-meta mr-1">最后更新:<%= date(validUpdate ? page.updated : page.date, "YYYY-MM-DD HH:mm") %></div>
<% if (page.categories.length> 0) { %>
<div class="uk-text-meta">知识分类:
<%- list_categories(page.categories, {
class: { a: 'uk-link-muted' },
show_count: false,
style: false,
separator: ' / '
}) %>
</div>
<% } %>
</div>
</div>
<article class="uk-card-body">
<%- page.content %>
</article>
<% if (page.tags.length> 0) { %>
<div class="uk-card-footer flex rm-start-a">
<div class="tag-title">分类标签:</div>
<div class="flex rm-flex-a extend-1-a w-wrap-a tag-host">
<% page.tags.each(function(tag) { %>
<span class="uk-label ml-1 mb-1">
<%= tag.name %>
</span>
<% }) %>
</div>
</div>
<% } %>
</div>
</section>
<section class="w-1-4-a hin him">
<%- partial('partial/side', {'noCategories': false, 'noTags' : false}) %>
</section>
</div>