github
/
halo
mirror of https://github.com/halo-dev/halo
1
0
Fork 0
Code Issues Releases Wiki Activity

🍎 Material主题支持自定义缩略图

pull/21/head
ruibaby 2018-07-19 14:37:29 +08:00
parent e6fc40ca1a
commit 201879427d
3 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/main/resources/templates/themes/material/_partial/Paradox-post-thumbnail.ftl
View File

@ -0,0 +1,5 @@
<script type="text/ls-javascript" id="post-thumbnail-script">
var randomNum = Math.floor(Math.random() * 19 + 1);
$('.post_thumbnail-random').attr('data-original', '/material/source/img/random/material-' + randomNum + '.png');
$('.post_thumbnail-random').addClass('lazy');
</script>

4
src/main/resources/templates/themes/material/_partial/Paradox-post_entry.ftl
View File

@ -3,7 +3,11 @@
<div class="post_entry-module mdl-card mdl-shadow--${options.theme_material_uiux_card_elevation?default(2)}dp mdl-cell mdl-cell--12-col fade out">
<!-- Post Thumbnail -->
<!-- Random Thumbnail -->
<#if post.postThumbnail?if_exists == "${options.blog_url}/static/images/thumbnail.png">
<div class="post_thumbnail-random mdl-card__media mdl-color-text--grey-50">
<#else>
<div class="post_thumbnail-custom mdl-card__media mdl-color-text--grey-50 lazy" data-original="${post.postThumbnail?if_exists}">
</#if>
<!-- Post Title -->
<p class="article-headline-p"><a href="/archives/${post.postUrl}">${post.postTitle?if_exists}</a></p>
</div>

10
src/main/resources/templates/themes/material/_partial/post-header.ftl
View File

@ -1,12 +1,12 @@
<#if options.theme_material_scheme?if_exists == "Paradox">
<!-- Paradox Post Header -->
<!-- Random Thumbnail -->
<#if post.postThumbnail?if_exists == "${options.blog_url}/static/images/thumbnail.png">
<div class="post_thumbnail-random mdl-card__media mdl-color-text--grey-50">
<script type="text/ls-javascript" id="post-thumbnail-script">
var randomNum = Math.floor(Math.random() * 19 + 1);
$('.post_thumbnail-random').attr('data-original', '/material/source/img/random/material-' + randomNum + '.png');
$('.post_thumbnail-random').addClass('lazy');
</script>
<#include "Paradox-post-thumbnail.ftl">
<#else>
<div class="post_thumbnail-custom mdl-card__media mdl-color-text--grey-50" style="background-image:url(${post.postThumbnail?if_exists})">
</#if>
<p class="article-headline-p">
${post.postTitle}
</p>