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

69 lines
3.1 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">
<h3 class="home-article-title">
<a href="<%- url_for(post.path) %>">
2020-04-29 10:44:47 +08:00
<% if (post.top) { %>
<i class="fa fa-thumb-tack"></i>
<% } %>
<%= 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: 150}) %>
<% } %>
</div>
<div class="home-article-meta-info">
<div class="article-date">
<span><i class="fa fa-pencil-square-o"></i> <%= date(post.date, 'YYYY-MM-DD') %></span>
2020-04-26 18:34:51 +08:00
<% if (theme.magic.enable === true) { %>
<% if (theme.home_article.category.enable === true) { %>
2020-09-03 12:28:24 +08:00
<span>
<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>
2020-09-03 04:17:03 +08:00
</span>
<% } %>
<% if (theme.home_article.tag.enable === true) { %>
2020-09-03 12:28:24 +08:00
<span>
2020-09-03 04:17:03 +08:00
<i class="fa fa-tags"></i>
<ul>
2020-09-03 12:28:24 +08:00
<% post.tags.forEach((tag, i) => {
if (theme.home_article.tag.limit === 0 || i + 1 <= theme.home_article.tag.limit) { %>
2020-09-03 12:28:24 +08:00
<li>
<%= i === 0 ? '' : '| ' %><a href="<%- url_for(tag.path) %>"><%= tag.name %></a>
</li>
2020-09-03 04:17:03 +08:00
<% }}); %>
</ul>
</span>
<% } %>
2020-04-26 18:34:51 +08:00
<% } %>
</div>
<% if (theme.magic.enable === false) { %>
<hr>
<% } %>
<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>