268 lines
14 KiB
HTML
268 lines
14 KiB
HTML
<div xmlns:th="https://www.thymeleaf.org"
|
|
th:fragment="articleList (posts, isFirstIndex)">
|
|
<th:block th:each="post : ${posts}"
|
|
th:with="thumbnail = ${#strings.isEmpty(post.spec.cover) ? theme.config.post.default_thumbnail + '?id=' + postStat.index : post.spec.cover}">
|
|
[(${thumbnail})]
|
|
</th:block>
|
|
</div>
|
|
<!-- <#list posts as post>-->
|
|
<!-- <#local thumbnail = (post.thumbnail?? && post.thumbnail!='')?then(post.thumbnail!, (settings.default_thumbnail?? && settings.default_thumbnail!='')?then(settings.default_thumbnail + settings.default_thumbnail?contains('?')?then("&","?") + "postId=" + post.id?c, ''))>-->
|
|
<!-- <#if is_first_index?? && thumbnail != '' && !(post.topPriority!=1 || !post.metas?? || (post.metas.index_carousel!'false')=='false')>-->
|
|
<!-- <#continue>-->
|
|
<!--</#if>-->
|
|
<!--<#local thumbnail_mode = ((settings.top_thumbnail_mode!'default')=='grid' || (post.topPriority==0 && (settings.thumbnail_mode!'default')=='grid'))?then(-->
|
|
<!--'grid', (post.metas?? && (post.metas.thumbnail_mode!'')?trim!='')?then(post.metas.thumbnail_mode?trim, (post.topPriority==1)?then(settings.top_thumbnail_mode!'back', settings.thumbnail_mode!'default')))>-->
|
|
<!--<#if thumbnail != '' && thumbnail_mode == "back">-->
|
|
<!--<div class="card widget card-cover">-->
|
|
<!-- <a href="${post.fullPath!}">-->
|
|
<!-- <div class="cover-image" style="background-image: url(${thumbnail!})">-->
|
|
<!-- </div>-->
|
|
<!-- <div class="details">-->
|
|
<!-- <h2 class="title"><#if post.topPriority==1><span class="top">置顶</span></#if>${post.title!}-->
|
|
<!-- </h2>-->
|
|
<!-- <ul class="breadcrumb">-->
|
|
<!-- <li><@global.timeline datetime=post.createTime/></li>-->
|
|
<!-- <li><i class="fa fa-eye"></i>${post.visits?c}</li>-->
|
|
<!-- <#if !post.disallowComment!false>-->
|
|
<!-- <li><i class="fa fa-comments-o"></i>${post.commentCount?c}</li></#if>-->
|
|
<!-- <li><i class="fa fa-thumbs-o-up"></i>${post.likes?c}</li>-->
|
|
<!-- <#local heat= (24+post.visits*0.1+post.likes*2+post.commentCount*3) />-->
|
|
<!-- <#local heatColor= '#'+(heat < 37)?string('ffa87e',(heat < 120)?string('fb734a','e0081c')) />-->
|
|
<!-- <li style="color: ${heatColor}">${heat}℃</li>-->
|
|
<!-- </ul>-->
|
|
<!-- </div>-->
|
|
<!-- </a>-->
|
|
<!-- <#if post.categories?? && post.categories?size gt 0>-->
|
|
<!-- <div class="category">-->
|
|
<!-- <#list post.categories as category>-->
|
|
<!-- <a href="${category.fullPath!}">${category.name!}</a>-->
|
|
<!-- </#list>-->
|
|
<!--</div>-->
|
|
<!--</#if>-->
|
|
<!--</div>-->
|
|
<!--<#elseif thumbnail != '' && (thumbnail_mode == "small" || (thumbnail_mode == "small-alter" && post_index%2 == 0))>-->
|
|
<!--<div class="card widget card-small">-->
|
|
<!-- <a href="${post.fullPath!}">-->
|
|
<!-- <div class="small-image" style="background-image: url(${thumbnail!})"></div>-->
|
|
<!-- </a>-->
|
|
<!-- <div class="card-content main">-->
|
|
<!-- <h2 class="title">-->
|
|
<!-- <#if post.topPriority==1><span class="top">置顶</span></#if><a-->
|
|
<!-- href="${post.fullPath!}">${post.title!}</a>-->
|
|
<!-- </h2>-->
|
|
<!-- <div class="main-content">${post.summary!}</div>-->
|
|
<!-- <hr/>-->
|
|
<!-- <div class="meta">-->
|
|
<!-- <ul class="breadcrumb">-->
|
|
<!-- <li><@global.timeline datetime=post.createTime/></li>-->
|
|
<!-- <li><i class="fa fa-eye"></i>${post.visits?c}</li>-->
|
|
<!-- <#if !post.disallowComment!false><li><i class="fa fa-comments-o"></i>${post.commentCount?c}</li></#if>-->
|
|
<!-- <li><i class="fa fa-thumbs-o-up"></i>${post.likes?c}</li>-->
|
|
<!-- <#local heat= (24+post.visits*0.1+post.likes*2+post.commentCount*3) />-->
|
|
<!-- <#local heatColor= '#'+(heat < 37)?string('ffa87e',(heat < 120)?string('fb734a','e0081c')) />-->
|
|
<!-- <li style="color: ${heatColor}">${heat}℃</li>-->
|
|
<!-- </ul>-->
|
|
<!-- <#if post.categories?? && post.categories?size gt 0>-->
|
|
<!-- <div class="level-item is-hidden-mobile">-->
|
|
<!-- <#list post.categories as category>-->
|
|
<!-- <a href="${category.fullPath!}">${category.name!}</a> -->
|
|
<!-- </#list>-->
|
|
<!-- </div>-->
|
|
<!-- </#if>-->
|
|
<!--</div>-->
|
|
<!--</div>-->
|
|
<!--</div>-->
|
|
<!--<#elseif thumbnail != '' && (thumbnail_mode == "small-right" || (thumbnail_mode == "small-alter" && post_index%2 == 1))>-->
|
|
<!--<div class="card widget card-small">-->
|
|
<!-- <div class="card-content main">-->
|
|
<!-- <h2 class="title">-->
|
|
<!-- <#if post.topPriority==1><span class="top">置顶</span></#if><a-->
|
|
<!-- href="${post.fullPath!}">${post.title!}</a>-->
|
|
<!-- </h2>-->
|
|
<!-- <div class="main-content">${post.summary!}</div>-->
|
|
<!-- <hr/>-->
|
|
<!-- <div class="meta">-->
|
|
<!-- <ul class="breadcrumb">-->
|
|
<!-- <li><@global.timeline datetime=post.createTime/></li>-->
|
|
<!-- <li><i class="fa fa-eye"></i>${post.visits?c}</li>-->
|
|
<!-- <#if !post.disallowComment!false><li><i class="fa fa-comments-o"></i>${post.commentCount?c}</li></#if>-->
|
|
<!-- <li><i class="fa fa-thumbs-o-up"></i>${post.likes?c}</li>-->
|
|
<!-- <#local heat= (24+post.visits*0.1+post.likes*2+post.commentCount*3) />-->
|
|
<!-- <#local heatColor= '#'+(heat < 37)?string('ffa87e',(heat < 120)?string('fb734a','e0081c')) />-->
|
|
<!-- <li style="color: ${heatColor}">${heat}℃</li>-->
|
|
<!-- </ul>-->
|
|
<!-- <#if post.categories?? && post.categories?size gt 0>-->
|
|
<!-- <div class="level-item is-hidden-mobile">-->
|
|
<!-- <#list post.categories as category>-->
|
|
<!-- <a href="${category.fullPath!}">${category.name!}</a> -->
|
|
<!-- </#list>-->
|
|
<!-- </div>-->
|
|
<!-- </#if>-->
|
|
<!--</div>-->
|
|
<!--</div>-->
|
|
<!--<a href="${post.fullPath!}"><div class="small-image" style="background-image: url(${thumbnail!})"></div></a>-->
|
|
<!--</div>-->
|
|
<!--<#elseif post.topPriority==1 && thumbnail_mode == "fold">-->
|
|
<!--<a class="card widget card-fold" href="${post.fullPath!}">-->
|
|
<!-- <h2 class="title"><span class="top">置顶</span><p>${post.title!}</p></h2>-->
|
|
<!-- <p><@global.timeline datetime=post.createTime/></p>-->
|
|
<!--</a>-->
|
|
<!--<#elseif thumbnail_mode == "grid">-->
|
|
<!--<div class="column-main-grid">-->
|
|
<!-- <#list post_index..(posts?size-1) as i>-->
|
|
<!-- <#local gradPost=posts[i]>-->
|
|
<!-- <#local thumbnail = (gradPost.thumbnail?? && gradPost.thumbnail!='')?then(gradPost.thumbnail!, (settings.default_thumbnail?? && settings.default_thumbnail!='')?then(settings.default_thumbnail + settings.default_thumbnail?contains('?')?then("&","?") + "postId=" + gradPost.id?c, ''))>-->
|
|
<!-- <#if is_first_index?? && thumbnail != '' && !(gradPost.topPriority!=1 || !gradPost.metas?? || (gradPost.metas.index_carousel!'false')=='false')>-->
|
|
<!-- <#continue>-->
|
|
<!--</#if>-->
|
|
<!--<div class="card widget">-->
|
|
<!-- <a class="thumbnail" href="${gradPost.fullPath!}">-->
|
|
<!-- <div class="thumbnail-image" style="background-image: url(${thumbnail!})">-->
|
|
<!-- </div>-->
|
|
<!-- </a>-->
|
|
<!-- <ul class="breadcrumb">-->
|
|
<!-- <li><@global.timeline datetime=gradPost.createTime/></li>-->
|
|
<!-- <li><i class="fa fa-eye"></i>${gradPost.visits?c}</li>-->
|
|
<!-- <#if !gradPost.disallowComment!false><li class="is-hidden-mobile"><i class="fa fa-comments-o"></i>${gradPost.commentCount?c}</li></#if>-->
|
|
<!-- <li class="is-hidden-mobile"><i class="fa fa-thumbs-o-up"></i>${gradPost.likes?c}</li>-->
|
|
<!-- <#local heat= (24+gradPost.visits*0.1+gradPost.likes*2+gradPost.commentCount*3) />-->
|
|
<!-- <#local heatColor= '#'+(heat < 37)?string('ffa87e',(heat < 120)?string('fb734a','e0081c')) />-->
|
|
<!-- <li style="color: ${heatColor}">${heat}℃</li>-->
|
|
<!-- </ul>-->
|
|
<!-- <h2 class="title">-->
|
|
<!-- <#if gradPost.topPriority==1><span class="top">置顶</span></#if><a-->
|
|
<!-- href="${gradPost.fullPath!}">${gradPost.title!}</a>-->
|
|
<!-- </h2>-->
|
|
<!--</div>-->
|
|
<!--</#list>-->
|
|
<!--</div>-->
|
|
<!--<#break/>-->
|
|
<!--<#else>-->
|
|
<!--<div class="card widget">-->
|
|
<!-- <#if thumbnail?? && thumbnail!=''>-->
|
|
<!-- <a class="thumbnail" href="${post.fullPath!}">-->
|
|
<!-- <div class="thumbnail-image" style="background-image: url(${thumbnail!})">-->
|
|
<!-- </div>-->
|
|
<!-- </a>-->
|
|
<!--</#if>-->
|
|
<!--<div class="card-content main">-->
|
|
<!-- <h2 class="title">-->
|
|
<!-- <#if post.topPriority==1><span class="top">置顶</span></#if><a-->
|
|
<!-- href="${post.fullPath!}">${post.title!}</a>-->
|
|
<!-- </h2>-->
|
|
<!-- <div class="meta">-->
|
|
<!-- <ul class="breadcrumb">-->
|
|
<!-- <li><@global.timeline datetime=post.createTime/></li>-->
|
|
<!-- <li><i class="fa fa-eye"></i>${post.visits?c}</li>-->
|
|
<!-- <#if !post.disallowComment!false><li class="is-hidden-mobile"><i class="fa fa-comments-o"></i>${post.commentCount?c}</li></#if>-->
|
|
<!-- <li class="is-hidden-mobile"><i class="fa fa-thumbs-o-up"></i>${post.likes?c}</li>-->
|
|
<!-- <#local heat= (24+post.visits*0.1+post.likes*2+post.commentCount*3) />-->
|
|
<!-- <#local heatColor= '#'+(heat < 37)?string('ffa87e',(heat < 120)?string('fb734a','e0081c')) />-->
|
|
<!-- <li style="color: ${heatColor}">${heat}℃</li>-->
|
|
<!-- </ul>-->
|
|
<!-- <#if post.categories?? && post.categories?size gt 0>-->
|
|
<!-- <div class="level-item">-->
|
|
<!-- <#list post.categories as category>-->
|
|
<!-- <a href="${category.fullPath!}">${category.name!}</a> -->
|
|
<!-- </#list>-->
|
|
<!-- </div>-->
|
|
<!--</#if>-->
|
|
<!--</div>-->
|
|
<!--<hr/>-->
|
|
<!--<div class="main-content">${post.summary!}</div>-->
|
|
<!--</div>-->
|
|
<!--</div>-->
|
|
<!--</#if>-->
|
|
<!--</#list>-->
|
|
<!--</div>-->
|
|
<!--<#macro model_build content>-->
|
|
<!-- <#if content == ''>-->
|
|
<!-- <#return>-->
|
|
<!-- </#if>-->
|
|
<!-- <#local content_option=content?split('|')>-->
|
|
<!-- <#local tag=(content_option[0]!'')?trim>-->
|
|
<!-- <#local content=((content_option[1]!'')?trim != '')?then('<div class="title">${content_option[1]?trim}</div>', '')>-->
|
|
<!-- <#local target=((content_option[2]!'false')?trim == 'true')?then('target="_blank"', '')>-->
|
|
<!-- <#local imageUrl=((content_option[3]!'')?trim != '')?then('style="background-image: url(${content_option[3]?trim})"', '')>-->
|
|
<!-- <#local targetUrl=((content_option[4]!'')?trim != '')?then('href="${content_option[4]?trim}"', '')>-->
|
|
<!-- <a class="card widget brightness ${(content!='')?then('bg-shadow', '')}" ${target} ${imageUrl} ${targetUrl}>${content}<div class="tag">${tag}</div></a>-->
|
|
<!--</#macro>-->
|
|
<!--<#macro article_list posts>-->
|
|
<!-- <#if is_first_index!false>-->
|
|
<!-- <#local carousel_content>-->
|
|
<!-- <#list posts as post>-->
|
|
<!-- <#if post.topPriority!=1>-->
|
|
<!-- <#break>-->
|
|
<!-- </#if>-->
|
|
<!-- <#if !post.metas?? || (post.metas.index_carousel!'false')=='false'>-->
|
|
<!-- <#continue>-->
|
|
<!-- </#if>-->
|
|
<!-- <#local thumbnail = (post.thumbnail?? && post.thumbnail!='')?then(post.thumbnail!, (settings.default_thumbnail?? && settings.default_thumbnail!='')?then(settings.default_thumbnail + settings.default_thumbnail?contains('?')?then("&","?") + "postId=" + post.id?c, ''))>-->
|
|
<!-- <#if thumbnail != ''>-->
|
|
<!-- <a class="swiper-slide bg-shadow cover-image" style="background-image: url(${thumbnail})" href="${post.fullPath!}">-->
|
|
<!-- <div class="swiper-slide-details" data-swiper-parallax="200" data-swiper-parallax-duration="600">-->
|
|
<!-- <p class="swiper-slide-details-title">${post.title!}</p>-->
|
|
<!-- <ul class="breadcrumb">-->
|
|
<!-- <li><@global.timeline datetime=post.createTime/></li>-->
|
|
<!-- <li><i class="fa fa-eye"></i>${post.visits?c}</li>-->
|
|
<!-- <#if !post.disallowComment!false>-->
|
|
<!-- <li><i class="fa fa-comments-o"></i>${post.commentCount?c}</li></#if>-->
|
|
<!-- <li><i class="fa fa-thumbs-o-up"></i>${post.likes?c}</li>-->
|
|
<!-- <#local heat= (24+post.visits*0.1+post.likes*2+post.commentCount*3) />-->
|
|
<!-- <#local heatColor= '#'+(heat < 37)?string('ffa87e',(heat < 120)?string('fb734a','e0081c')) />-->
|
|
<!-- <li style="color: ${heatColor}">${heat}℃</li>-->
|
|
<!-- </ul>-->
|
|
<!-- </div>-->
|
|
<!-- </a>-->
|
|
<!-- </#if>-->
|
|
<!-- </#list>-->
|
|
<!-- </#local>-->
|
|
<!-- <#if settings.sidebar_column=='module-left' || settings.sidebar_column=='module-right'>-->
|
|
<!-- <#if settings.module_links?? && settings.module_links?trim != ''>-->
|
|
<!-- <#local module_links=settings.module_links?split('\n')>-->
|
|
<!-- <#else>-->
|
|
<!-- <#local module_links=[]>-->
|
|
<!-- <#list 0..1 as i>-->
|
|
<!-- <#local post=posts[i]>-->
|
|
<!-- <#local module_links=module_links+["推荐|${post.title!}|false|${post.thumbnail!}|${post.fullPath!}"]>-->
|
|
<!-- </#list>-->
|
|
<!-- </#if>-->
|
|
<!-- <div class="model model-index">-->
|
|
<!-- <div class="card widget swiper">-->
|
|
<!-- <div class="swiper-wrapper">${carousel_content}</div>-->
|
|
<!-- <div class="swiper-pagination"></div>-->
|
|
<!-- <div class="swiper-button-prev"></div>-->
|
|
<!-- <div class="swiper-button-next"></div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="model model-index-side">-->
|
|
<!-- <#list 0..1 as i>-->
|
|
<!-- <#if i < module_links?size >-->
|
|
<!-- <@model_build module_links[i]/>-->
|
|
<!-- </#if>-->
|
|
<!-- </#list>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- <#if module_links?size > 2 && module_links?size<=6>-->
|
|
<!-- <div class="model model-attach model-attach-${module_links?size-2}">-->
|
|
<!-- <#list 2..5 as i>-->
|
|
<!-- <#if i < module_links?size >-->
|
|
<!-- <@model_build module_links[i]/>-->
|
|
<!-- </#if>-->
|
|
<!-- </#list>-->
|
|
<!-- </div>-->
|
|
<!-- </#if>-->
|
|
<!-- <#assign is_carousel=true />-->
|
|
<!-- <#elseif carousel_content != ''>-->
|
|
<!-- <div class="card widget swiper">-->
|
|
<!-- <div class="swiper-wrapper">${carousel_content}</div>-->
|
|
<!-- <div class="swiper-pagination"></div>-->
|
|
<!-- <div class="swiper-button-prev"></div>-->
|
|
<!-- <div class="swiper-button-next"></div>-->
|
|
<!-- </div>-->
|
|
<!-- <#assign is_carousel=true />-->
|
|
<!-- </#if>-->
|
|
<!-- <#if settings.index_inform?? && settings.index_inform != ''>-->
|
|
<!-- <div class="card tips brightness">${settings.index_inform}</div>-->
|
|
<!-- </#if>-->
|
|
<!-- </#if>-->
|
|
<!--</#macro>--> |