mirror of https://github.com/1099438829/apeblog
320 lines
20 KiB
HTML
320 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
<head>
|
|
<title>{$apeField['title']} - {:web_config("title")}</title>
|
|
<meta name="keywords" content="{$apeField['keywords']}" />
|
|
<meta name="description" content="{$apeField['description']}"/>
|
|
{include file="public/head" /}
|
|
<style>
|
|
.post-content-post img {
|
|
border-radius: 10px;
|
|
}
|
|
</style>
|
|
<style>
|
|
post-content-content img {
|
|
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" href="__CSS__/comment-module.css">
|
|
<link rel="stylesheet" href="__CSS__/post-content.css">
|
|
<link rel="stylesheet" href="__LIB__/fancybox/jquery.fancybox.min.css">
|
|
<script src="__JS__/post-content.js"></script>
|
|
<script src="__JS__/clipboard.min.js"></script>
|
|
<script src="__LIB__/fancybox/jquery.fancybox.min.js"></script>
|
|
<script src="__LIB__/fancybox/init.js"></script>
|
|
<script src="__LIB__/highlight/highlight.min.js"></script>
|
|
<link rel="stylesheet" href="__LIB__/highlight/style/corepress-dark.css">
|
|
</head>
|
|
<body>
|
|
|
|
<script>NProgress.start();</script>
|
|
<div id="app">
|
|
{include file="public/header" /}
|
|
<div class="top-divider"></div>
|
|
<main class="container">
|
|
<div class="html-main">
|
|
<div class="post-main">
|
|
<div class="post-content-body">
|
|
<div class="crumbs-plane-body">
|
|
<div class="crumbs-plane">
|
|
<span class="corepress-crumbs-ul">{$apeField['position']|raw}</span>
|
|
</div>
|
|
</div>
|
|
<div class="post-content">
|
|
<h1 class="post-title">{$apeField['title']}</h1>
|
|
<div class="post-info">
|
|
<div class="post-info-left">
|
|
<a class="nickname url fn j-user-card" data-user="1"
|
|
href="../author/james/index.html"><i class="fa fa-user" aria-hidden="true"></i>{$apeField['author']}
|
|
</a>
|
|
<span class="dot">•</span>
|
|
<time class="entry-date published" datetime="{$apeField['create_time']}" pubdate=""><i
|
|
class="far fa-clock"></i>
|
|
{$apeField['create_time']}
|
|
</time>
|
|
<span class="dot">•</span><i class="fas fa-folder"></i>
|
|
<a href="{:url('article/lists')}?id={$apeField['category_id']}" rel="category tag"> {$apeField['category_title']}</a>
|
|
<span class="dot">•</span>
|
|
<span><i class="fa fa-eye" aria-hidden="true"></i>{$apeField['view']} 阅读</span>
|
|
</div>
|
|
<div class="post-info-right">
|
|
<span title="关闭或显示侧边栏" class="post-info-switch-sidebar post-info-switch-sidebar-show"><i class="fas fa-toggle-on"></i></span>
|
|
</div>
|
|
</div>
|
|
<div class="post-content-post">
|
|
<div class="post-content-content">
|
|
{$apeField['content']|raw}
|
|
</div>
|
|
<div class="post-end-tools">
|
|
<div class="post-copyright">
|
|
<p>版权声明：
|
|
<br />作者：{$apeField['author']}
|
|
<br />链接：
|
|
<span>
|
|
<u>
|
|
<a href="{$Request.domain . $Request.url}" target="_blank">{$Request.domain . $Request.url}</a>
|
|
</u>
|
|
</span>
|
|
<br />来源：{:web_config("title")}
|
|
<br />文章版权归作者所有，未经允许请勿转载。</p>
|
|
</div>
|
|
<div class="post-end-dividing">THE END</div>
|
|
<div class="post-tags"></div>
|
|
<div class="post-end-tool-btns">
|
|
<div class="post-share-btn post-end-tool-btn-item" onclick="showplane('.post-share-btn','#share-plane',event)">
|
|
{:file_echo_svg('__IMG__/share-btn.svg')}分享</div>
|
|
<div class="post-qrcode-btn post-end-tool-btn-item" onclick="showplane('.post-qrcode-btn','#qrcode-plane',event)">
|
|
{:file_echo_svg('__IMG__/svg-ewm.svg')}二维码</div>
|
|
<div class="post-reward-btn post-end-tool-btn-item" onclick="showplane('.post-reward-btn','#reward-plane',event)">
|
|
{:file_echo_svg('__IMG__/reward.svg')}打赏</div>
|
|
<div id="share-plane" class="post-pop-plane">
|
|
<div class="post-share-list">
|
|
<a href="https://connect.qq.com/widget/shareqq/index.html?url={:web_config('domain')}&title={$apeField['title']}&source={:web_config('title')}&desc={:web_config('title')}-{$apeField['description']}&pics=&summary=${$apeField['abstract']}" target="_blank">
|
|
{:file_echo_svg('__IMG__/share-qq.svg')}
|
|
</a>
|
|
<a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={:web_config('domain')}&title={$apeField['title']}&source={:web_config('title')}&desc={:web_config('title')}-{$apeField['description']}&pics=&summary=${$apeField['abstract']}" target="_blank">
|
|
{:file_echo_svg('__IMG__/share-qzone.svg')}
|
|
</a>
|
|
<a href="https://service.weibo.com/share/share.php?url={:web_config('domain')}&title={$apeField['title']}&pic=&appkey=&searchPic=true" target="_blank">
|
|
{:file_echo_svg('__IMG__/share-weibo.svg')}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div id="qrcode-plane" class="post-pop-plane">
|
|
<div id="qrcode-img"></div>
|
|
</div>
|
|
<div id="reward-plane" class="post-pop-plane">
|
|
{notempty name="(web_config('web_weixin_pay'))"}<img src="{:file_cdn(web_config('web_weixin_pay'))}" alt="">{/notempty}
|
|
{notempty name="(web_config('web_zhifubao_pay'))"}<img src="{:file_cdn(web_config('web_zhifubao_pay'))}" alt="" />{/notempty}
|
|
</div>
|
|
</div>
|
|
<div class="post-turn-page-plane">
|
|
<div class="post-turn-page post-turn-page-previous">
|
|
<div class="post-turn-page-main">
|
|
{ape:prenext get="pre" cid="$apeField['category_id']"}
|
|
<div>
|
|
<a href="{:url('/index/article/detail')}?id={$field['id']}">{$field['title']}</a>
|
|
</div>
|
|
<div class="post-turn-page-link-pre">
|
|
<a href="{:url('/index/article/detail')}?id={$field['id']}"><<上一篇></上一篇></a>
|
|
</div>
|
|
{/ape:prenext}
|
|
</div>
|
|
</div>
|
|
<div class="post-turn-page post-turn-page-next">
|
|
{ape:prenext get="next" cid="$apeField['category_id']"}
|
|
<div class="post-turn-page-main">
|
|
<a href="{:url('/index/article/detail')}?id={$field['id']}">{$field['title']}</a>
|
|
<div class="post-turn-page-link-next">
|
|
<a href="javascript:;">下一篇>></a>
|
|
</div>
|
|
</div>
|
|
{/ape:prenext}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="post-tool-plane"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="relevant-plane">
|
|
<div class="plane-title">相关内容</div>
|
|
<div>
|
|
<ul class="relevant-list">
|
|
{ape:relevant row="5" id="$apeField['id']"}
|
|
<li><a href="{$field['url']}">{$field['title']}</a></li>
|
|
{/ape:relevant}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{if web_config('comment_close') ==1}
|
|
<div id="comments" class="responsesWrapper">
|
|
<div class="reply-title">发表评论</div>
|
|
<div id="respond" class="comment-respond">
|
|
<h3 id="reply-title" class="comment-reply-title">
|
|
<small>
|
|
<a rel="nofollow" id="cancel-comment-reply-link" href="#respond" style="display:none;">
|
|
取消回复
|
|
</a>
|
|
</small>
|
|
</h3>
|
|
<form action="{:url('/index/article/create_comment')}" method="post" id="form_comment" class="comment-form">
|
|
<div class="comment-user-plane">
|
|
<div class="logged-in-as">
|
|
<img class="comment-user-avatar" width="48" height="auto" src="__IMG__/avatar.png" alt="">
|
|
</div>
|
|
<div class="comment_form_textarea_box">
|
|
<textarea class="comment_form_textarea" name="content" id="comment" placeholder="发表你的看法" rows="5"></textarea>
|
|
<div id="comment_addplane">
|
|
<button class="popover-btn popover-btn-face" type="button">
|
|
<i class="far fa-smile-wink">
|
|
</i>添加表情</button>
|
|
<div class="conment-face-plane">
|
|
{:file_load_face('__IMG__/face/')}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="comment_userinput">
|
|
<div class="comment-form-author">
|
|
<input id="author" name="author" placeholder="昵称(*)" type="text" value="" size="30" class="required" />
|
|
</div>
|
|
<div class="comment-form-email">
|
|
<input id="email" name="email" type="text" placeholder="邮箱(*)" value="" class="required" />
|
|
</div>
|
|
<div class="comment-form-url">
|
|
<input id="url" placeholder="网址" name="url" type="text" value="" size="30" />
|
|
</div>
|
|
</div>
|
|
<div style="display: none" class="comment-form-cookies-consent">
|
|
<input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" checked="checked" />
|
|
</div>
|
|
<div class="form-submit">
|
|
<div style="text-align: right">
|
|
<input name="submit" type="submit" id="submit" class="button primary-btn" value="发表评论">
|
|
</div>
|
|
<input type="hidden" name="document_id" value="{$apeField['id']}" id="comment_document_id">
|
|
<input type="hidden" name="pid" id="comment_pid" value="0">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- #respond -->
|
|
<meta content="UserComments:0" itemprop="interactionCount">
|
|
<h3 class="comments-title">共有<span class="commentCount">{:get_comment_count($apeField['id'])}</span>条评论</h3>
|
|
<div class="comment-sofa">
|
|
{if get_comment_count($apeField['id']) ==0}
|
|
<i class="fas fa-couch"></i>沙发空余
|
|
{/if}
|
|
</div>
|
|
<ol class="commentlist">
|
|
{ape:comment type="top" typeId="$apeField['id']" void='field'}
|
|
<li class="comment">
|
|
<div class="comment-item" id="comment-{$field['id']}">
|
|
<div class="comment-media">
|
|
<div class="avatar-img">
|
|
<img src="{$field['cover_path']}" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="comment-metadata">
|
|
<div class="media-body">
|
|
<p class="author_name">{$field['author']}<a href="{$field['url']}" rel="external nofollow ugc" target="_blank" class="url"></a><span class="comment-zhan"><img title="网站主" src="__IMG__/zhan.svg" alt=""></span></p>
|
|
<div class="comment-text">
|
|
<p>{$field['content']}</p>
|
|
</div>
|
|
</div>
|
|
<span class="comment-pub-time">{$field['create_time']}</span>
|
|
<span class="comment-btn-reply">
|
|
<a rel="nofollow" class="comment-reply-link" href="{$field['reply_url']}" data-commentid="{$field['id']}" data-postid="{$apeField['id']}" data-belowelement="comment-{$field['id']}" data-respondelement="respond" data-replyto="回复给{$field['author']}" aria-label="回复给{$field['author']}"><i class="fa fa-reply"></i> 回复</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
{ape:comment type="son" typeId="$field['id']" void="vo"}
|
|
<ol class="children">
|
|
<li class="comment">
|
|
<div class="comment-item" id="comment-{$vo.id}">
|
|
<div class="comment-media">
|
|
<div class="avatar-img">
|
|
<img src="{$field['cover_path']}" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="comment-metadata">
|
|
<div class="media-body">
|
|
<p class="author_name">{$vo['author']}<span class="user-identity user-admin" title="{$vo['author']}"></span><span class="comment-from">@<a href="#comment-2264">{$field['author']}</a></span></p>
|
|
<div class="comment-text">
|
|
<p>{$vo['content']}</p>
|
|
</div>
|
|
</div>
|
|
<span class="comment-pub-time">{$vo.create_time}</span>
|
|
<span class="comment-btn-reply">
|
|
<a rel="nofollow" class="comment-reply-link" href="{$vo['reply_url']}" data-commentid="{$vo.id}" data-postid="{$apeField['id']}" data-belowelement="comment-{$vo.id}" data-respondelement="respond" data-replyto="回复给{$vo['author']}" aria-label="回复给{$vo['author']}"><i class="fa fa-reply"></i> 回复</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</li><!-- #comment-## -->
|
|
</ol><!-- .children -->
|
|
{/ape:comment}
|
|
</li><!-- #comment-## -->
|
|
{/ape:comment}
|
|
</ol>
|
|
<script type='text/javascript' src='__JS__/comment-reply.min.js'></script>
|
|
<script type='text/javascript'>
|
|
$('body').on('click', '.comment-reply-link', function (e) {
|
|
addComment.moveForm("li-comment-" + $(this).attr('data-commentid'), $(this).attr('data-commentid'), "respond", $(this).attr('data-postid'));
|
|
console.log("li-comment-" + $(this).attr('data-commentid'), $(this).attr('data-commentid'), "respond", $(this).attr('data-postid'));
|
|
e.stopPropagation();
|
|
return false;
|
|
});
|
|
$(document).click(function (e) {
|
|
$('.conment-face-plane').css("opacity", "0");
|
|
$('.conment-face-plane').css("visibility", "hidden");
|
|
e.stopPropagation();
|
|
});
|
|
$('body').on('click', '.img-pace', function (e) {
|
|
$('.comment_form_textarea').val($('.comment_form_textarea').val() + '[f=' + $(this).attr('facename') + ']')
|
|
});
|
|
$('body').on('click', '.popover-btn-face', function (e) {
|
|
if ($('.conment-face-plane').css("visibility") == 'visible') {
|
|
$('.conment-face-plane').css("opacity", "0");
|
|
$('.conment-face-plane').css("visibility", "hidden");
|
|
} else {
|
|
$('.conment-face-plane').css("opacity", "1");
|
|
$('.conment-face-plane').css("visibility", "visible");
|
|
}
|
|
e.stopPropagation();
|
|
});
|
|
</script>
|
|
<nav class="comment-navigation pages"></nav>
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
<div class="sidebar">
|
|
<div class="sidebar-box-list">
|
|
<div class="aside-box">
|
|
<h2 class="widget-title">热门文章</h2>
|
|
{ape:arclist row="8" orderBy="view desc" type="where"}
|
|
<div class="hot-post-widget-item">
|
|
<div>
|
|
<span class="hot-post-widget-item-num">{$i}</span>
|
|
<span class="hot-post-widget-item-title">
|
|
<a href="{$field['url']}">{:cn_substr($field['title'],15)}</a>
|
|
</span>
|
|
</div>
|
|
<div class="hot-post-widget-item-meta">
|
|
<div>{$field['create_time']}</div>
|
|
<div>
|
|
<a href="#">{:cn_substr($field['category_title'],5)}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/ape:arclist}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
{include file="public/footer"/}
|
|
</div>
|
|
<script src="__LIB__/highlight/init.js"></script>
|
|
</body>
|
|
</html>
|