jinql
/
halo-theme-xinac-fantastic
mirror of https://github.com/jinqilin721/halo-theme-xinac-fantastic
1
0
Fork 0
Code Issues Releases Wiki Activity
halo-theme-xinac-fantastic/layout/common/article.ftl

190 lines
9.2 KiB
Plaintext
Raw Normal View History

first commit
2019-10-02 16:15:37 +00:00
<#macro article post,layout,commentType,index>
<#include "../comment/comment.ftl">
<#-- <div class="card" <#if is_post??><#else>style="margin-left: 10px;"</#if>>-->
fixed the line no wrap.
2019-10-18 15:45:00 +00:00
<div class="card" <#if is_post??>style="display: block"</#if> >
first commit
2019-10-02 16:15:37 +00:00
<#if is_post?? || is_page?? || is_sheet??>
<#else >
<#if post.thumbnail?? && post.thumbnail!=''>
<div class="card-image">
<#if index>
<a href="${context!}/archives/${post.url!}">
<img class="thumbnail" src="${post.thumbnail!}" alt="${post.title!}">
</a>
<#else>
<span class="image is-7by1">
<img class="thumbnail" src="${post.thumbnail!}" alt="${post.title!}">
</span>
</#if>
</div>
</#if>
</#if>
Fixed issues #11. #15.
2019-12-08 02:37:56 +00:00
<div class="card-content article " id="card-content" style="width: 100%">
first commit
2019-10-02 16:15:37 +00:00
<div class="level article-meta is-size-7 is-uppercase is-mobile is-overflow-x-auto">
<div class="level-left">
<time class="level-item has-text-grey"
一点点优化: 网址：http://blog.xinac.cn/ 内容正在建设中。 1、全部日期样式改为：yyyy-MM-dd EE 2、首页和文章详情页增加了评论量、浏览量、标签，页脚显示靠左 3、主题设置增加 关注我和文章代码主题 4、友链按排序显示 5、摘要如果有代码时，样式会有问题，增加 word-break: break-word;
2020-03-11 09:58:51 +00:00
datetime="${post.createTime!}">${post.createTime?string["yyyy-MM-dd EE"]}</time>
first commit
2019-10-02 16:15:37 +00:00
<#if index>
<#if post.categories?? && post.categories?size gt 0>
<div class="level-item">
<#list post.categories as category>
<a class="has-link-grey -link"
href="${context!}/categories/${category.slugName!}">${category.name!}</a>&nbsp;
</#list>
</div>
</#if>
<#else>
<#if categories?? && categories?size gt 0>
<div class="level-item">
<#list categories as category>
<a class="has-link-grey -link"
href="${context!}/categories/${category.slugName!}">${category.name!}</a>&nbsp;
</#list>
</div>
</#if>
</#if>
</div>
一点点优化: 网址：http://blog.xinac.cn/ 内容正在建设中。 1、全部日期样式改为：yyyy-MM-dd EE 2、首页和文章详情页增加了评论量、浏览量、标签，页脚显示靠左 3、主题设置增加 关注我和文章代码主题 4、友链按排序显示 5、摘要如果有代码时，样式会有问题，增加 word-break: break-word;
2020-03-11 09:58:51 +00:00
<div class="level-right">
<div class="level-item">
<span class="level-item has-text-grey">评论(${post.commentCount!'0'})</span>
<span class="level-item has-text-grey">浏览(${post.visits!'0'})</span>
</div>
</div>
first commit
2019-10-02 16:15:37 +00:00
</div>
<#if is_post??>
<h1 class="title is-size-3 is-size-4-mobile has-text-weight-normal">
<#if index>
<a class="has-link-black-ter" href="${context!}/archives/${post.url!}">${post.title!}</a>
<#else>
${post.title!}
</#if>
</h1>
<#else>
first commit
2019-10-06 16:01:33 +00:00
<h1 class="title is-size-5 is-size-5-mobile has-text-weight-normal">
first commit
2019-10-02 16:15:37 +00:00
<#if index>
<a class="has-link-black-ter" href="${context!}/archives/${post.url!}">${post.title!}</a>
<#else>
${post.title!}
</#if>
</h1>
</#if>
Fixed issues #11. #15.
2019-12-08 02:37:56 +00:00
<div id="<#if is_post??>post-article<#else>is-hidden-touch</#if>" class="content <#if is_post?? || is_sheet??>post-article<#else>is-hidden-touch</#if>">
first commit
2019-10-02 16:15:37 +00:00
<#if index && post.summary?? && post.summary!=''>
${post.summary!}
<#else>
${post.formatContent!}
</#if>
</div>
一点点优化: 网址：http://blog.xinac.cn/ 内容正在建设中。 1、全部日期样式改为：yyyy-MM-dd EE 2、首页和文章详情页增加了评论量、浏览量、标签，页脚显示靠左 3、主题设置增加 关注我和文章代码主题 4、友链按排序显示 5、摘要如果有代码时，样式会有问题，增加 word-break: break-word;
2020-03-11 09:58:51 +00:00
<#if !index>
<div class="level is-size-7 is-uppercase is-mobile">
first commit
2019-10-02 16:15:37 +00:00
<div class="level-start">
一点点优化: 网址：http://blog.xinac.cn/ 内容正在建设中。 1、全部日期样式改为：yyyy-MM-dd EE 2、首页和文章详情页增加了评论量、浏览量、标签，页脚显示靠左 3、主题设置增加 关注我和文章代码主题 4、友链按排序显示 5、摘要如果有代码时，样式会有问题，增加 word-break: break-word;
2020-03-11 09:58:51 +00:00
<#if tags?? && (tags?size gt 0)>
<div class="level-item">
<span class="is-size-6 has-text-grey has-mr-7">#</span>
<#list tags as tag>
<a class="has-link-grey -link" style="margin-left: 10px;" href="${context!}/tags/${tag.slugName!}">${tag.name!}</a>&nbsp;
</#list>
</div>
</#if>
</div>
<div class="level-end">
first commit
2019-10-02 16:15:37 +00:00
<div class="level-item">
一点点优化: 网址：http://blog.xinac.cn/ 内容正在建设中。 1、全部日期样式改为：yyyy-MM-dd EE 2、首页和文章详情页增加了评论量、浏览量、标签，页脚显示靠左 3、主题设置增加 关注我和文章代码主题 4、友链按排序显示 5、摘要如果有代码时，样式会有问题，增加 word-break: break-word;
2020-03-11 09:58:51 +00:00
<span class="has-text-grey">最后编辑时间：${post.editTime!?string('yyyy-MM-dd HH:mm:ss')}</span>
first commit
2019-10-02 16:15:37 +00:00
</div>
</div>
</div>
</#if>
一点点优化: 网址：http://blog.xinac.cn/ 内容正在建设中。 1、全部日期样式改为：yyyy-MM-dd EE 2、首页和文章详情页增加了评论量、浏览量、标签，页脚显示靠左 3、主题设置增加 关注我和文章代码主题 4、友链按排序显示 5、摘要如果有代码时，样式会有问题，增加 word-break: break-word;
2020-03-11 09:58:51 +00:00
<#if index>
first commit
2019-10-02 16:15:37 +00:00
<div class="level is-mobile">
<div class="level-start">
一点点优化: 网址：http://blog.xinac.cn/ 内容正在建设中。 1、全部日期样式改为：yyyy-MM-dd EE 2、首页和文章详情页增加了评论量、浏览量、标签，页脚显示靠左 3、主题设置增加 关注我和文章代码主题 4、友链按排序显示 5、摘要如果有代码时，样式会有问题，增加 word-break: break-word;
2020-03-11 09:58:51 +00:00
<#if post.tags?? && (post.tags?size gt 0)>
<div class="level-item">
<span class="is-size-6 has-text-grey has-mr-7">#</span>
<#list post.tags as tag>
<a class="has-link-grey -link" style="margin-left: 10px;" href="${context!}/tags/${tag.slugName!}">${tag.name!}</a>&nbsp;
</#list>
</div>
</#if>
first commit
2019-10-02 16:15:37 +00:00
</div>
一点点优化: 网址：http://blog.xinac.cn/ 内容正在建设中。 1、全部日期样式改为：yyyy-MM-dd EE 2、首页和文章详情页增加了评论量、浏览量、标签，页脚显示靠左 3、主题设置增加 关注我和文章代码主题 4、友链按排序显示 5、摘要如果有代码时，样式会有问题，增加 word-break: break-word;
2020-03-11 09:58:51 +00:00
<#if post.summary?? && post.summary!=''>
<div class="level-end">
<div class="level-item">
<a class="button is-size-7 is-light" href="${context!}/archives/${post.url!}#more">阅读更多</a>
</div>
</div>
</#if>
first commit
2019-10-02 16:15:37 +00:00
</div>
</#if>
</div>
</div>
添加日志页面及音乐播放器和看板娘
2020-02-29 09:32:58 +00:00
<#if !index>
一点点优化: 网址：http://blog.xinac.cn/ 内容正在建设中。 1、全部日期样式改为：yyyy-MM-dd EE 2、首页和文章详情页增加了评论量、浏览量、标签，页脚显示靠左 3、主题设置增加 关注我和文章代码主题 4、友链按排序显示 5、摘要如果有代码时，样式会有问题，增加 word-break: break-word;
2020-03-11 09:58:51 +00:00
<div class="card" style="font-size: 20px; line-height: 1.5em; padding: 5px; color: black; background-color: rgba(255, 255, 255, 0.7); border-left: 3px solid skyblue;">
添加日志页面及音乐播放器和看板娘
2020-02-29 09:32:58 +00:00
<div class="card-content">
一点点优化: 网址：http://blog.xinac.cn/ 内容正在建设中。 1、全部日期样式改为：yyyy-MM-dd EE 2、首页和文章详情页增加了评论量、浏览量、标签，页脚显示靠左 3、主题设置增加 关注我和文章代码主题 4、友链按排序显示 5、摘要如果有代码时，样式会有问题，增加 word-break: break-word;
2020-03-11 09:58:51 +00:00
<p style="font-size: 15px;">
本文由 <a target="_blank" href="${context!}">${user.nickname!}</a> 创作，如果您觉得本文不错，请随意赞赏<br>
采用 <a target="_blank" href="https://creativecommons.org/licenses/by/4.0/" rel="external nofollow">知识共享署名4.0</a> 国际许可协议进行许可<br>
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名<br>
原文链接：<a target="_blank" href="${context!}/archives/${post.url!}">${context!}/archives/${post.url!}</a><br>
最后更新：${post.editTime?string('yyyy-MM-dd HH:mm:ss')}
</p>
first commit
2019-10-02 16:15:37 +00:00
</div>
添加日志页面及音乐播放器和看板娘
2020-02-29 09:32:58 +00:00
</div>
first commit
2019-10-02 16:15:37 +00:00
</#if>
一点点优化: 网址：http://blog.xinac.cn/ 内容正在建设中。 1、全部日期样式改为：yyyy-MM-dd EE 2、首页和文章详情页增加了评论量、浏览量、标签，页脚显示靠左 3、主题设置增加 关注我和文章代码主题 4、友链按排序显示 5、摘要如果有代码时，样式会有问题，增加 word-break: break-word;
2020-03-11 09:58:51 +00:00
<#if !index>
<#if (settings.donate_alipay?? && settings.donate_alipay!='') || (settings.donate_wechat?? && settings.donate_wechat!='')>
<div class="card">
<div class="card-content">
<h3 class="menu-label has-text-centered">喜欢这篇文章？打赏一下作者吧</h3>
<div class="buttons is-centered">
<#if settings.donate_alipay?? && settings.donate_alipay!=''>
<#include "../donate/alipay.ftl">
</#if>
<#if settings.donate_wechat?? && settings.donate_wechat!=''>
<#include "../donate/wechat.ftl">
</#if>
</div>
</div>
</div>
</#if>
</#if>
first commit
2019-10-02 16:15:37 +00:00
<#if !index && nextPost?? && prePost??>
<div class="card card-transparent">
<div class="level post-navigation is-flex-wrap is-mobile">
<#if prePost??>
<div class="level-start">
<a class="level level-item has-link-grey article-nav-prev"
href="${context!}/archives/${prePost.url}">
<i class="level-item fas fa-chevron-left"></i>
<span class="level-item">${prePost.title!}</span>
</a>
</div>
</#if>
<#if nextPost??>
<div class="level-end">
<a class="level level-item has-link-grey article-nav-next"
href="${context!}/archives/${nextPost.url}">
<span class="level-item">${nextPost.title!}</span>
<i class="level-item fas fa-chevron-right"></i>
</a>
</div>
</#if>
</div>
</div>
</#if>
<#if !index>
<div class="card" id="comment-wrapper">
<div class="card-content">
<h3 class="title is-5 has-text-weight-normal">评论</h3>
<#if commentType == 'post'>
<@comment post,"post" />
<#else>
<@comment post,"sheet" />
</#if>
</div>
</div>
</#if>
</#macro>