mirror of https://github.com/1099438829/apeblog
368 lines
24 KiB
HTML
368 lines
24 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">
|
|
<img src="{:file_cdn(web_config('web_weixin_pay'))}" alt="">
|
|
<img src="{:file_cdn(web_config('web_zhifubao_pay'))}" alt="" />
|
|
</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">
|
|
<img class="img-pace" src="__IMG__/face/yun.gif" width="30"
|
|
facename="yun">
|
|
<img class="img-pace" src="__IMG__/face/youling.gif" width="30"
|
|
facename="youling">
|
|
<img class="img-pace" src="__IMG__/face/yiwen.gif" width="30"
|
|
facename="yiwen">
|
|
<img class="img-pace" src="__IMG__/face/yinxian.gif" width="30"
|
|
facename="yinxian">
|
|
<img class="img-pace" src="__IMG__/face/xigua.gif" width="30"
|
|
facename="xigua">
|
|
<img class="img-pace" src="__IMG__/face/xieyanxiao.gif"
|
|
width="30" facename="xieyanxiao">
|
|
<img class="img-pace" src="__IMG__/face/xiaoku.gif" width="30"
|
|
facename="xiaoku">
|
|
<img class="img-pace" src="__IMG__/face/xiaojiujie.gif"
|
|
width="30" facename="xiaojiujie">
|
|
<img class="img-pace" src="__IMG__/face/wunai.gif" width="30"
|
|
facename="wunai">
|
|
<img class="img-pace" src="__IMG__/face/wozuimei.gif" width="30"
|
|
facename="wozuimei">
|
|
<img class="img-pace" src="__IMG__/face/woshou.gif" width="30"
|
|
facename="woshou">
|
|
<img class="img-pace" src="__IMG__/face/weiqu.gif" width="30"
|
|
facename="weiqu">
|
|
<img class="img-pace" src="__IMG__/face/tuosai.gif" width="30"
|
|
facename="tuosai">
|
|
<img class="img-pace" src="__IMG__/face/touxiao.gif" width="30"
|
|
facename="touxiao">
|
|
<img class="img-pace" src="__IMG__/face/tiaopi.gif" width="30"
|
|
facename="tiaopi">
|
|
<img class="img-pace" src="__IMG__/face/shuai.gif" width="30"
|
|
facename="shuai">
|
|
<img class="img-pace" src="__IMG__/face/shengli.gif" width="30"
|
|
facename="shengli">
|
|
<img class="img-pace" src="__IMG__/face/se.gif" width="30"
|
|
facename="se">
|
|
<img class="img-pace" src="__IMG__/face/quantou.gif" width="30"
|
|
facename="quantou">
|
|
<img class="img-pace" src="__IMG__/face/qinqin.gif" width="30"
|
|
facename="qinqin">
|
|
<img class="img-pace" src="__IMG__/face/qiang.gif" width="30"
|
|
facename="qiang">
|
|
<img class="img-pace" src="__IMG__/face/piezui.gif" width="30"
|
|
facename="piezui">
|
|
<img class="img-pace" src="__IMG__/face/penxue.gif" width="30"
|
|
facename="penxue">
|
|
<img class="img-pace" src="__IMG__/face/nanguo.gif" width="30"
|
|
facename="nanguo">
|
|
<img class="img-pace" src="__IMG__/face/liuhan.gif" width="30"
|
|
facename="liuhan">
|
|
<img class="img-pace" src="__IMG__/face/lenghan.gif" width="30"
|
|
facename="lenghan">
|
|
<img class="img-pace" src="__IMG__/face/leiben.gif" width="30"
|
|
facename="leiben">
|
|
<img class="img-pace" src="__IMG__/face/ku.gif" width="30"
|
|
facename="ku">
|
|
<img class="img-pace" src="__IMG__/face/koubi.gif" width="30"
|
|
facename="koubi">
|
|
<img class="img-pace" src="__IMG__/face/keai.gif" width="30"
|
|
facename="keai">
|
|
<img class="img-pace" src="__IMG__/face/jingkong.gif" width="30"
|
|
facename="jingkong">
|
|
<img class="img-pace" src="__IMG__/face/jie.gif" width="30"
|
|
facename="jie">
|
|
<img class="img-pace" src="__IMG__/face/huaixiao.gif" width="30"
|
|
facename="huaixiao">
|
|
<img class="img-pace" src="__IMG__/face/hanxiao.gif" width="30"
|
|
facename="hanxiao">
|
|
<img class="img-pace" src="__IMG__/face/haixiu.gif" width="30"
|
|
facename="haixiu">
|
|
<img class="img-pace" src="__IMG__/face/guzhang.gif" width="30"
|
|
facename="guzhang">
|
|
<img class="img-pace" src="__IMG__/face/ganga.gif" width="30"
|
|
facename="ganga">
|
|
<img class="img-pace" src="__IMG__/face/fadai.gif" width="30"
|
|
facename="fadai">
|
|
<img class="img-pace" src="__IMG__/face/doge.gif" width="30"
|
|
facename="doge">
|
|
<img class="img-pace" src="__IMG__/face/dabing.gif" width="30"
|
|
facename="dabing">
|
|
<img class="img-pace" src="__IMG__/face/ciya.gif" width="30"
|
|
facename="ciya">
|
|
<img class="img-pace" src="__IMG__/face/caidao.gif" width="30"
|
|
facename="caidao">
|
|
<img class="img-pace" src="__IMG__/face/cahan.gif" width="30"
|
|
facename="cahan">
|
|
<img class="img-pace" src="__IMG__/face/bizui.gif" width="30"
|
|
facename="bizui">
|
|
<img class="img-pace" src="__IMG__/face/baoquan.gif" width="30"
|
|
facename="baoquan">
|
|
<img class="img-pace" src="__IMG__/face/aoman.gif" width="30"
|
|
facename="aoman">
|
|
<img class="img-pace" src="__IMG__/face/aixin.gif" width="30"
|
|
facename="aixin">
|
|
<img class="img-pace" src="__IMG__/face/OK.gif" width="30"
|
|
facename="OK">
|
|
</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">0</span>条评论</h3>
|
|
<div class="comment-sofa">
|
|
<i class="fas fa-couch">
|
|
</i>
|
|
沙发空余
|
|
</div>
|
|
<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>
|