hexo-theme-keep/layout/home-content.ejs

67 lines
3.2 KiB
Plaintext
Raw Normal View History

<div class="home-content-container fade-in-down-animation">
<ul class="home-article-list">
<% page.posts.forEach(post => { %>
<li class="home-article-item">
2020-11-19 11:58:54 +08:00
<% if (post.sticky) { %>
2020-10-28 00:20:32 +08:00
<i class="fa fa-thumb-tack top-icon"></i>
<% } %>
<h3 class="home-article-title">
<a href="<%- url_for(post.path) %>">
2020-04-29 10:44:47 +08:00
<%= post.title %>
2020-04-13 18:27:16 +08:00
</a>
</h3>
2020-04-03 18:18:42 +08:00
<div class="home-article-content markdown-body">
<% if (post.excerpt) { %>
<%- post.excerpt %>
<% } else { %>
<%- truncate(strip_html(post.content), {length: 168}) %>
<% } %>
</div>
<div class="home-article-meta-info-container">
<div class="home-article-meta-info">
<span><i class="fa fa-pencil-square-o"></i> <%= date(post.date, 'YYYY-MM-DD') %></span>
2020-11-13 14:43:22 +08:00
<% if (post.categories.length && theme.home_article.category.enable === true) { %>
<span class="home-article-category"><i class="fa fa-folder"></i>
<ul>
<% post.categories.forEach((category, i) => {
if (theme.home_article.category.limit === 0 || i + 1 <= theme.home_article.category.limit) { %>
<li>
<%= i === 0 ? '' : '> ' %>
<a href="<%- url_for(category.path) %>"><%= category.name %></a>
</li>
<% } %>
<% }); %>
</ul>
</span>
2020-11-13 14:43:22 +08:00
<% } %>
<% if (post.tags.length && theme.home_article.tag.enable === true) { %>
<span class="home-article-tag">
<i class="fa fa-tags"></i>
<ul>
<% post.tags.forEach((tag, i) => {
if (theme.home_article.tag.limit === 0 || i + 1 <= theme.home_article.tag.limit) { %>
<li>
<%= i === 0 ? '' : '| ' %>
<a href="<%- url_for(tag.path) %>"><%= tag.name %></a>
</li>
<% }}); %>
</ul>
</span>
2020-04-26 18:34:51 +08:00
<% } %>
</div>
2020-11-13 14:43:22 +08:00
<a href="<%- url_for(post.path) %>"><%- __('read_more') %> <i class="fa fa-angle-right"></i></a>
</div>
</li>
<% }) %>
</ul>
<div class="home-paginator">
<%- partial('_partial/paginator', {pageObject: page}) %>
</div>
</div>