2020-04-30 00:34:31 +08:00
|
|
|
<div class="fade-in-down-animation">
|
2022-10-11 12:37:06 +08:00
|
|
|
<div class="post-page-container">
|
|
|
|
<div class="article-content-container">
|
2020-04-28 23:20:17 +08:00
|
|
|
|
2022-10-11 12:37:06 +08:00
|
|
|
<div class="article-title">
|
|
|
|
<span class="title-hover-animation"><%= page.title %></span>
|
|
|
|
</div>
|
2020-04-01 12:09:06 +08:00
|
|
|
|
2022-10-11 12:37:06 +08:00
|
|
|
<% if (theme.base_info.author || config.author) { %>
|
|
|
|
<div class="article-header">
|
|
|
|
<div class="avatar">
|
|
|
|
<%- image_tag(theme.style.avatar) %>
|
2020-10-27 18:11:10 +08:00
|
|
|
</div>
|
2022-10-11 12:37:06 +08:00
|
|
|
<div class="info">
|
|
|
|
<div class="author">
|
|
|
|
<span class="name"><%= theme.base_info.author || config.author %></span>
|
|
|
|
<% 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>
|
|
|
|
<% } %>
|
|
|
|
</div>
|
|
|
|
<div class="meta-info">
|
|
|
|
<%- partial('_partial/article-meta-info', {articleObject: page, index: true}) %>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<% } else { %>
|
|
|
|
<div class="article-header-meta-info">
|
2020-10-27 18:11:10 +08:00
|
|
|
<div class="meta-info">
|
|
|
|
<%- partial('_partial/article-meta-info', {articleObject: page, index: true}) %>
|
|
|
|
</div>
|
|
|
|
</div>
|
2022-10-11 12:37:06 +08:00
|
|
|
<% } %>
|
2020-04-01 12:09:06 +08:00
|
|
|
|
2022-10-16 00:44:40 +08:00
|
|
|
<div class="article-content keep-markdown-body">
|
2023-01-10 14:40:36 +08:00
|
|
|
<% if (page?.aging === true) { %>
|
|
|
|
<div class="article-aging-tips" data-update-date="<%= page.updated %>" data-aging-days="<%= page?.agingDays %>">
|
|
|
|
<i class="fa-solid fa-circle-exclamation"></i><%- __('article-aging', '<span class="days">0</span>') %>
|
|
|
|
</div>
|
|
|
|
<% } %>
|
|
|
|
|
2022-10-11 12:37:06 +08:00
|
|
|
<%- page.content %>
|
2020-11-18 18:45:45 +08:00
|
|
|
</div>
|
|
|
|
|
2022-10-28 15:06:33 +08:00
|
|
|
<% if (theme.post?.copyright_info === true || theme?.copyright_info?.enable === true) { %>
|
2022-10-11 12:37:06 +08:00
|
|
|
<div class="post-copyright-info">
|
|
|
|
<%- partial('_partial/article-copyright-info') %>
|
|
|
|
</div>
|
|
|
|
<% } %>
|
|
|
|
|
|
|
|
<% if (page.tags.length) { %>
|
|
|
|
<ul class="post-tags-box">
|
|
|
|
<% page.tags.forEach((tag) => { %>
|
|
|
|
<li class="tag-item">
|
|
|
|
<a href="<%- url_for(tag.path) %>">#<%= tag.name %></a>
|
|
|
|
</li>
|
|
|
|
<% }); %>
|
|
|
|
</ul>
|
|
|
|
<% } %>
|
2021-11-17 23:20:02 +08:00
|
|
|
|
2022-10-11 12:37:06 +08:00
|
|
|
<% if (page.prev || page.next) { %>
|
|
|
|
<div class="article-nav">
|
|
|
|
<% if (page.prev) { %>
|
|
|
|
<div class="article-prev">
|
|
|
|
<a class="prev"
|
|
|
|
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>
|
2022-10-11 12:37:06 +08:00
|
|
|
<span class="title flex-center">
|
2020-11-19 11:58:54 +08:00
|
|
|
<span class="post-nav-title-item"><%= page.prev.title %></span>
|
|
|
|
<span class="post-nav-item"><%= __('prev_posts') %></span>
|
|
|
|
</span>
|
2022-10-11 12:37:06 +08:00
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<% } %>
|
|
|
|
<% if (page.next) { %>
|
|
|
|
<div class="article-next">
|
|
|
|
<a class="next"
|
|
|
|
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>
|
2022-10-11 12:37:06 +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>
|
2022-10-11 12:37:06 +08:00
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<% } %>
|
|
|
|
</div>
|
|
|
|
<% } %>
|
|
|
|
|
|
|
|
<% if (theme.comment.enable === true && theme.comment.hasOwnProperty(theme.comment.use)) { %>
|
|
|
|
<div class="comment-container">
|
|
|
|
<%- partial('_partial/comment/comment') %>
|
|
|
|
</div>
|
|
|
|
<% } %>
|
|
|
|
</div>
|
2020-04-01 12:09:06 +08:00
|
|
|
|
2022-10-11 12:37:06 +08:00
|
|
|
<% if (is_post() && theme.toc.enable === true && page.toc !== false) { %>
|
|
|
|
<div class="toc-content-container">
|
|
|
|
<%- partial('_partial/toc') %>
|
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>
|