2020-04-30 00:34:31 +08:00
|
|
|
<div class="fade-in-down-animation">
|
|
|
|
<div class="article-content-container">
|
2020-04-28 23:20:17 +08:00
|
|
|
|
2020-04-30 00:34:31 +08:00
|
|
|
<div class="article-title">
|
2020-10-27 18:11:10 +08:00
|
|
|
<span class="title-hover-animation"><%= page.title %></span>
|
2020-04-30 00:34:31 +08:00
|
|
|
</div>
|
2020-04-01 12:09:06 +08:00
|
|
|
|
2020-11-17 10:50:55 +08:00
|
|
|
<% if (theme.base_info.author || config.author) { %>
|
2020-10-27 18:11:10 +08:00
|
|
|
<div class="article-header">
|
|
|
|
<div class="avatar">
|
2020-11-30 18:25:40 +08:00
|
|
|
<%- image_tag(theme.style.avatar) %>
|
2020-10-27 18:11:10 +08:00
|
|
|
</div>
|
|
|
|
<div class="info">
|
|
|
|
<div class="author">
|
2021-01-21 16:47:13 +08:00
|
|
|
<span class="name"><%= theme.base_info.author || config.author %></span>
|
2021-01-28 16:23:47 +08:00
|
|
|
<% if (theme.hasOwnProperty('post') && theme.post.author_label.enable === true) { %>
|
|
|
|
<span class="author-label"><%- getAuthorLabel(site.posts.length, theme.post.author_label.auto, theme.post.author_label.custom_label_list) %></span>
|
|
|
|
<% } %>
|
2020-10-27 18:11:10 +08:00
|
|
|
</div>
|
|
|
|
<div class="meta-info">
|
|
|
|
<%- partial('_partial/article-meta-info', {articleObject: page, index: true}) %>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-10-28 22:25:26 +08:00
|
|
|
<% } else { %>
|
|
|
|
<div class="article-header-meta-info">
|
|
|
|
<div class="meta-info">
|
|
|
|
<%- partial('_partial/article-meta-info', {articleObject: page, index: true}) %>
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-10-27 18:11:10 +08:00
|
|
|
<% } %>
|
2020-04-01 12:09:06 +08:00
|
|
|
|
2020-04-30 00:34:31 +08:00
|
|
|
<div class="article-content markdown-body">
|
|
|
|
<%- page.content %>
|
|
|
|
</div>
|
2020-04-01 12:09:06 +08:00
|
|
|
|
2020-11-18 18:45:45 +08:00
|
|
|
<% if (theme.copyright_info.enable) { %>
|
|
|
|
<div class="post-copyright-info">
|
|
|
|
<%- partial('_partial/article-copyright-info') %>
|
|
|
|
</div>
|
|
|
|
<% } %>
|
|
|
|
|
2020-10-26 10:13:07 +08:00
|
|
|
<% if (page.prev || page.next) { %>
|
|
|
|
<div class="article-nav">
|
|
|
|
<% if (page.prev) { %>
|
|
|
|
<div class="article-prev">
|
2020-11-19 11:58:54 +08:00
|
|
|
<a class="prev"
|
2020-10-26 10:13:07 +08:00
|
|
|
rel="prev"
|
|
|
|
href="<%= url_for(page.prev.path) %>"
|
|
|
|
>
|
2021-01-15 16:18:02 +08:00
|
|
|
<span class="left arrow-icon flex-center">
|
2020-11-24 10:55:24 +08:00
|
|
|
<i class="fas fa-chevron-left"></i>
|
|
|
|
</span>
|
2020-11-19 11:58:54 +08:00
|
|
|
<span class="title flex-center">
|
|
|
|
<span class="post-nav-title-item"><%= page.prev.title %></span>
|
|
|
|
<span class="post-nav-item"><%= __('prev_posts') %></span>
|
|
|
|
</span>
|
2020-10-26 10:13:07 +08:00
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<% } %>
|
|
|
|
<% if (page.next) { %>
|
|
|
|
<div class="article-next">
|
2020-11-19 11:58:54 +08:00
|
|
|
<a class="next"
|
2020-10-26 10:13:07 +08:00
|
|
|
rel="next"
|
|
|
|
href="<%= url_for(page.next.path) %>"
|
|
|
|
>
|
2020-11-19 11:58:54 +08:00
|
|
|
<span class="title flex-center">
|
|
|
|
<span class="post-nav-title-item"><%= page.next.title %></span>
|
|
|
|
<span class="post-nav-item"><%= __('next_posts') %></span>
|
|
|
|
</span>
|
2021-01-15 16:18:02 +08:00
|
|
|
<span class="right arrow-icon flex-center">
|
2020-11-24 10:55:24 +08:00
|
|
|
<i class="fas fa-chevron-right"></i>
|
|
|
|
</span>
|
2020-10-26 10:13:07 +08:00
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<% } %>
|
|
|
|
</div>
|
|
|
|
<% } %>
|
2020-04-01 12:09:06 +08:00
|
|
|
|
2021-01-15 16:18:02 +08:00
|
|
|
<% if (
|
|
|
|
theme.comment.valine.enable
|
|
|
|
|| theme.comment.gitalk.enable
|
|
|
|
|| theme.comment.twikoo.enable
|
|
|
|
) { %>
|
2020-10-26 10:13:07 +08:00
|
|
|
<div class="comment-container">
|
2020-10-29 15:42:58 +08:00
|
|
|
<%- partial('_partial/comment/comment') %>
|
2020-10-26 10:13:07 +08:00
|
|
|
</div>
|
|
|
|
<% } %>
|
2020-04-01 12:09:06 +08:00
|
|
|
</div>
|
2020-04-28 23:20:17 +08:00
|
|
|
</div>
|