blog/themes/grid/layout/post.ejs
2021-04-08 09:45:39 +08:00

40 lines
1.7 KiB
Plaintext

<div class="uk-flex mx-2 my-2 main-content">
<section class="uk-width-3-4 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 uk-flex uk-flex-left uk-flex-middle">
<a href="javascript:history.go(-1)" uk-icon="icon: chevron-left" uk-tooltip="后退到上一个页面"></a>
<span class="ml-1"><%= page.title %></span>
</h3>
<div class="uk-flex uk-flex-left">
<div class="uk-text-meta mr-1">最后更新:<%= date(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 uk-flex uk-flex-left">
<span>分类标签:</span>
<% page.tags.each(function(tag) { %>
<span class="uk-label ml-1"><%= tag.name %></span>
<% }) %>
</div>
<% } %>
</div>
</section>
<section class="uk-width-1-4">
<%- partial('partial/side', {'noCategories': false, 'noTags': false}) %>
</section>
</div>