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

85 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('images/avatar.png') %>
</div>
<div class="info">
<div class="author">
<span><%= 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) { %>
<div class="comment-container">
<%- partial('_partial/comment/comment') %>
</div>
<% } %>
</div>
</div>