journals.ftl

<#include "module/macro.ftl">
<@layout title="${settings.jounarls_title!'日志'} | ${blog_title!}" >
    <div id="page" class="site">

        <main class="site-main"  id="main">
            <div class="site-content">
                <header class="bg-cover page-header">
                    <#if settings.journals_patternimg?? && settings.journals_patternimg!=''>
                        <div class="cover-bg">
                            <img src="${settings.journals_patternimg!}" alt="${settings.jounarls_title!'日志'}">
                        </div>
                    <#else>
                        <div class="default-cover-bg">
                        </div>
                    </#if>
                    <div class="cover-content">
                        <div class="inner">
                            <div class="post-count"></div>
                            <h1 class="page-title" style="font-size: 46px;">${settings.jounarls_title!'日志'} </h1>
                        </div>
                    </div>
                </header>
                <div id="tree-hole">
                    <ol class="comment-list">
                        <#list journals.content as journal>
                            <li id="li-comment-611"
                                class="tree-hole-body tree-hole-<#if (journal_index % 2)==0>odd<#else>even</#if>">
                                <div id="comment-611">
                                    <img class="avatar" src="${user.avatar!}" alt="${user.nickname!}" width="40"
                                         height="40">
                                    <div class="tree-hole-box">
                                        <div class="tree-hole-author">
                                            <a href="${blog_url!}" data-ajax
                                               rel="external nofollow">${user.nickname}</a> ${journal.createTime?string('yyyy年MM月dd日')}
                                        </div>
                                        <p>${journal.content!}</p>
                                    </div>
                                </div>
                            </li>
                        </#list>
                    </ol>
                    <div class="tree-hole-go">
                        <span class="tree-hole-go-aircraft"><i class="fa fa-paper-plane fa-lg"></i></span><br>
                    </div>
                    <div class="comment-page">
                        <#if journals.totalPages gt 1>
                            <@paginationTag method="journals" page="${journals.number}" total="${journals.totalPages}" display="3">
                                <ol class="page-navigator">
                                    <#if pagination.hasPrev>
                                        <li class="prev">
                                            <a href="${pagination.prevPageFullPath!}" data-ajax>
                                                <i class="fa fa-angle-left fa-lg"></i>
                                            </a>
                                        </li>
                                    </#if>
                                    <#list pagination.rainbowPages as number>
                                        <#if number.isCurrent>
                                            <li class="current"><a href="${number.fullPath!}" data-ajax>${number.page!}</a></li>
                                        <#else>
                                            <li><a class="" href="${number.fullPath!}" data-ajax>${number.page!}</a></li>
                                        </#if>
                                    </#list>
                                    <#if pagination.hasNext>
                                        <li class="next">
                                            <a href="${pagination.nextPageFullPath!}" data-ajax>
                                                <i class="fa fa-angle-right fa-lg"></i>
                                            </a>
                                        </li>
                                    </#if>
                                </ol>
                            </@paginationTag>
                        </#if>
                    </div>
                </div>
            </div>
        </main>
    </div>
</@layout>