89 lines
3.4 KiB
Plaintext
89 lines
3.4 KiB
Plaintext
<div class="fade-in-down-animation">
|
|
<div class="article-content-container">
|
|
|
|
<div class="article-title">
|
|
<span class="title-hover-animation"><%= page.title %></span>
|
|
</div>
|
|
|
|
<% if (theme.base_info.author || config.author) { %>
|
|
<div class="article-header">
|
|
<div class="avatar">
|
|
<%- image_tag(theme.style.avatar) %>
|
|
</div>
|
|
<div class="info">
|
|
<div class="author">
|
|
<span class="name"><%= theme.base_info.author || config.author %></span>
|
|
<span class="level">Lv<%- getLevel(site.posts.length) %></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">
|
|
<div class="meta-info">
|
|
<%- partial('_partial/article-meta-info', {articleObject: page, index: true}) %>
|
|
</div>
|
|
</div>
|
|
<% } %>
|
|
|
|
<div class="article-content markdown-body">
|
|
<%- page.content %>
|
|
</div>
|
|
|
|
<% if (theme.copyright_info.enable) { %>
|
|
<div class="post-copyright-info">
|
|
<%- partial('_partial/article-copyright-info') %>
|
|
</div>
|
|
<% } %>
|
|
|
|
<% 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) %>"
|
|
>
|
|
<span class="left arrow-icon flex-center">
|
|
<i class="fas fa-chevron-left"></i>
|
|
</span>
|
|
<span class="title flex-center">
|
|
<span class="post-nav-title-item"><%= page.prev.title %></span>
|
|
<span class="post-nav-item"><%= __('prev_posts') %></span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<% } %>
|
|
<% if (page.next) { %>
|
|
<div class="article-next">
|
|
<a class="next"
|
|
rel="next"
|
|
href="<%= url_for(page.next.path) %>"
|
|
>
|
|
<span class="title flex-center">
|
|
<span class="post-nav-title-item"><%= page.next.title %></span>
|
|
<span class="post-nav-item"><%= __('next_posts') %></span>
|
|
</span>
|
|
<span class="right arrow-icon flex-center">
|
|
<i class="fas fa-chevron-right"></i>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<% } %>
|
|
</div>
|
|
<% } %>
|
|
|
|
<% if (
|
|
theme.comment.valine.enable
|
|
|| theme.comment.gitalk.enable
|
|
|| theme.comment.twikoo.enable
|
|
) { %>
|
|
<div class="comment-container">
|
|
<%- partial('_partial/comment/comment') %>
|
|
</div>
|
|
<% } %>
|
|
</div>
|
|
</div>
|