2020-05-20 14:35:05 +00:00
|
|
|
|
<#--
|
|
|
|
|
|
|
|
|
|
|
|
Bolo - A stable and beautiful blogging system based in Solo.
|
|
|
|
|
|
Copyright (c) 2020, https://github.com/adlered
|
|
|
|
|
|
|
|
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
|
|
|
|
it under the terms of the GNU Affero General Public License as published by
|
|
|
|
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
|
|
|
|
(at your option) any later version.
|
|
|
|
|
|
|
|
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
|
|
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
|
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
|
|
|
|
GNU Affero General Public License for more details.
|
|
|
|
|
|
|
|
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
|
|
|
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
|
|
|
|
|
|
|
|
|
|
-->
|
|
|
|
|
|
<#-- Bolo - A stable and beautiful blogging system based in Solo. Copyright (c) 2020, https://github.com/adlered This
|
|
|
|
|
|
program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public
|
|
|
|
|
|
License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later
|
|
|
|
|
|
version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the
|
|
|
|
|
|
implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
|
|
|
|
|
|
for more details. You should have received a copy of the GNU Affero General Public License along with this program.
|
|
|
|
|
|
If not, see <https://www.gnu.org/licenses/>. -->
|
|
|
|
|
|
<#-- Solo - A small and beautiful blogging system written in Java. Copyright (c) 2010-present, b3log.org This
|
|
|
|
|
|
program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General
|
|
|
|
|
|
Public License as published by the Free Software Foundation, either version 3 of the License, or (at your
|
|
|
|
|
|
option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY
|
|
|
|
|
|
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
|
|
|
|
|
|
Affero General Public License for more details. You should have received a copy of the GNU Affero General Public
|
|
|
|
|
|
License along with this program. If not, see <https://www.gnu.org/licenses/>. -->
|
|
|
|
|
|
<#include "../../common-template/macro-common_head.ftl">
|
|
|
|
|
|
<#include "macro-comments.ftl">
|
|
|
|
|
|
<#include "../../common-template/macro-comment_script.ftl">
|
|
|
|
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<@head title="${article.articleTitle} - ${blogTitle}"
|
|
|
|
|
|
description="${article.articleAbstract?html}">
|
2020-05-20 15:10:17 +00:00
|
|
|
|
<link rel="stylesheet" href="https://www.zeekling.cn/cdn/css/bulma.min.css" />
|
|
|
|
|
|
<link rel="stylesheet" href="https://www.zeekling.cn/cdn/css/all.min.css">
|
2020-05-20 14:35:05 +00:00
|
|
|
|
<link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}" />
|
|
|
|
|
|
<link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/style.css?${staticResourceVersion}" />
|
2020-05-20 15:10:17 +00:00
|
|
|
|
<link rel="stylesheet" href="https://www.zeekling.cn/cdn/css/swiper.min.css">
|
2020-05-23 06:30:09 +00:00
|
|
|
|
<script src='https://www.zeekling.cn/cdn/js/swiper.min.js'></script>
|
2020-05-20 14:35:05 +00:00
|
|
|
|
</@head>
|
2020-10-22 15:51:28 +00:00
|
|
|
|
<style type="text/css">
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
2020-05-20 14:35:05 +00:00
|
|
|
|
<#-- <#include "style.theme.ftl"> -->
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body class="is-3-column">
|
|
|
|
|
|
<#include "header.ftl">
|
|
|
|
|
|
<script>
|
|
|
|
|
|
var loggedIn = ${article.logged};
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<div class="card-normal">
|
|
|
|
|
|
<section class="section">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="columns">
|
|
|
|
|
|
<div class="column is-12-tablet is-8-desktop is-8-widescreen is-8-fullhd has-order-2 column-main">
|
|
|
|
|
|
<div class="card" style="display: block">
|
|
|
|
|
|
<div class="card-content article" id="card-content" style="width: 100%">
|
|
|
|
|
|
<h1 class="title is-size-3 is-size-4-mobile has-text-weight-normal">
|
|
|
|
|
|
${article.articleTitle}
|
|
|
|
|
|
</h1>
|
|
|
|
|
|
<div class="level article-meta is-size-7 is-uppercase is-mobile is-overflow-x-auto">
|
|
|
|
|
|
<div class="level-left">
|
2020-10-08 02:55:12 +00:00
|
|
|
|
<!--<div class="level-item has-text-grey">
|
2020-05-20 14:35:05 +00:00
|
|
|
|
跟新于${article.articleUpdateDate?string("yyyy年MM月dd日")}
|
|
|
|
|
|
</div>
|
2020-10-08 02:55:12 +00:00
|
|
|
|
-->
|
|
|
|
|
|
<div class="level-item has-text-grey">
|
2020-05-20 14:35:05 +00:00
|
|
|
|
创建于${article.articleCreateDate?string("yyyy年MM月dd日")}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
${article.articleViewCount} 浏览
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<#if article.articleCommentCount != 0>
|
|
|
|
|
|
<a href="#comments">${article.articleCommentCount} 评论 </a>
|
|
|
|
|
|
</#if>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="level-item has-text-grey">
|
|
|
|
|
|
${article.articleCategory}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
.content .emoji {
|
|
|
|
|
|
width: 25px !important;
|
|
|
|
|
|
height: 25px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
2020-10-06 04:23:02 +00:00
|
|
|
|
<div id="post-article" class="content post-article"
|
|
|
|
|
|
data-img="${article.articleImg1URL}">
|
2020-05-20 14:35:05 +00:00
|
|
|
|
${article.articleContent}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="level is-size-7 is-uppercase">
|
|
|
|
|
|
<div class="level-start">
|
|
|
|
|
|
<div class="level-item">
|
|
|
|
|
|
<span class="is-size-6 has-text-grey has-mr-7">#</span>
|
|
|
|
|
|
<#list article.articleTags?split(",") as articleTag>
|
|
|
|
|
|
<a class="has-link-grey -link"
|
|
|
|
|
|
href="${servePath}/tags/${articleTag?url('UTF-8')}">${articleTag!}</a>
|
|
|
|
|
|
</#list>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<#if "" !=article.articleSign.signHTML?trim>
|
|
|
|
|
|
<div>${article.articleSign.signHTML}</div>
|
|
|
|
|
|
</#if>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="card">
|
|
|
|
|
|
<div class="card-content">
|
|
|
|
|
|
<h3 class="title is-5 has-text-weight-normal">评论</h3>
|
|
|
|
|
|
<@comments commentList=articleComments article=article
|
|
|
|
|
|
count=article.articleCommentCount>
|
|
|
|
|
|
</@comments>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="column is-4-tablet is-3-desktop is-3-widescreen is-3-fullhd is-hidden-touch has-order-3 column-right <%= sticky_class(position) %>">
|
|
|
|
|
|
<#include "toc-post.ftl">
|
|
|
|
|
|
<div class="card widget">
|
|
|
|
|
|
<div class="card-content">
|
|
|
|
|
|
<article class="media">
|
|
|
|
|
|
<div class="media-content">
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="item" id="randomArticles"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="card widget" id="r2">
|
|
|
|
|
|
<div class="card-content">
|
|
|
|
|
|
<article class="media">
|
|
|
|
|
|
<div class="media-content">
|
|
|
|
|
|
<div class="content" id="rArticles">
|
|
|
|
|
|
<div class="item" id="relevantArticles"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a id="back-to-top" title="返回顶部" href="javascript:"><i class="fas fa-chevron-up"></i></a>
|
|
|
|
|
|
<#include "footer.ftl">
|
|
|
|
|
|
<@comment_script oId=article.oId commentable=article.commentable>
|
|
|
|
|
|
page.tips.externalRelevantArticlesDisplayCount =
|
|
|
|
|
|
"${externalRelevantArticlesDisplayCount}";
|
|
|
|
|
|
<#if 0 !=randomArticlesDisplayCount>
|
|
|
|
|
|
page.loadRandomArticles('<h3>${randomArticlesLabel}</h3>');
|
|
|
|
|
|
</#if>
|
|
|
|
|
|
<#if 0 !=relevantArticlesDisplayCount>
|
|
|
|
|
|
page.loadRelevantArticles('${article.oId}', '<h3>${relevantArticlesLabel}</h3>');
|
|
|
|
|
|
</#if>
|
|
|
|
|
|
</@comment_script>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
// 延时检测右侧 “相关阅读” 是否为空，如果空则删除空 div，好看些
|
2020-09-06 07:20:31 +00:00
|
|
|
|
/**
|
2020-05-20 14:35:05 +00:00
|
|
|
|
$(function () {
|
|
|
|
|
|
var tempHtml =
|
|
|
|
|
|
'<a rel="nofollow" href="javascript:void(0)"><i class="fas fa-search fa-spin"></i> 努力寻找中 ...</a>';
|
|
|
|
|
|
$('#rArticles').append(tempHtml);
|
|
|
|
|
|
setTimeout(function () {
|
|
|
|
|
|
var judgeEmptyShowing = $('#rArticles').html();
|
|
|
|
|
|
judgeEmptyShowing = judgeEmptyShowing.replace(tempHtml, '');
|
|
|
|
|
|
$('#rArticles').html(judgeEmptyShowing);
|
|
|
|
|
|
judgeEmptyShowing = judgeEmptyShowing.replace(/[\r\n]/g,
|
|
|
|
|
|
"");
|
|
|
|
|
|
judgeEmptyShowing = judgeEmptyShowing.replace(new RegExp(
|
|
|
|
|
|
/( )/g), "");
|
|
|
|
|
|
if (judgeEmptyShowing === '') {
|
|
|
|
|
|
$('#rArticles').html(
|
|
|
|
|
|
'<a href="javascript:void(0)"><i class="fa fa-battery-empty"></i> 什么都没找到</a>'
|
|
|
|
|
|
);
|
|
|
|
|
|
setTimeout(function () {
|
|
|
|
|
|
$('#r2').fadeOut(1000);
|
|
|
|
|
|
}, 1000)
|
|
|
|
|
|
}
|
|
|
|
|
|
}, 3000)
|
2020-10-22 15:51:28 +00:00
|
|
|
|
})**/
|
2020-10-06 04:23:02 +00:00
|
|
|
|
$(document).ready(function(){
|
|
|
|
|
|
var content = $("#post-article");
|
|
|
|
|
|
var img_url = content.attr("data-img");
|
|
|
|
|
|
if (content.html().trim().startsWith('<p><a class="gallery-item" href="javascript:void(0)"><img')){
|
|
|
|
|
|
var img = content.find("p a").get(0);
|
|
|
|
|
|
img.remove();
|
|
|
|
|
|
}
|
2020-10-22 15:51:28 +00:00
|
|
|
|
})
|
2020-05-20 14:35:05 +00:00
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
