-
Notifications
You must be signed in to change notification settings - Fork 13
/
page.html
100 lines (100 loc) · 6.84 KB
/
page.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
#include('./partial/header.html',{title: article.title, keywords: article.tags})
<!-- content -->
<div id="content" class="app-content markdown-body">
<div id="loadingbar" class="butterbar hide">
<span class="bar"></span>
</div>
<a class="off-screen-toggle hide"></a>
<main class="app-content-body">
<div class="hbox hbox-auto-xs hbox-auto-sm">
<!--文章-->
<div class="col">
<!--标题下的一排功能信息图标：作者/时间/浏览次数/评论数/分类-->
<header id="small_widgets" class="bg-light lter b-b wrapper-md">
<h1 class="entry-title m-n font-thin h3 text-black l-h">${title()}</h1>
</header>
<div class="wrapper-md">
<!--博客文章样式 begin with .blog-post-->
<div id="postpage" class="blog-post">
<article class="panel">
<!--文章内容-->
<div id="post-content" class="wrapper-lg">
<div class="entry-content l-h-2x">
${show_content()}
</div>
<!--文章的页脚部件：打赏和其他信息的输出-->
<div class="show-foot">
<div class="notebook">
<i class="fa fa-clock-o"></i>
<span>最后修改：${modified('yyyy/MM/dd HH:mm')}</span>
</div>
<div class="copyright" data-toggle="tooltip" data-html="true" data-original-title="转载请联系作者获得授权，并注明转载地址">
<span>© 著作权归作者所有</span>
</div>
</div>
<!--打赏模块-->
<div class="support-author">
<button data-toggle="modal" data-target="#myModal" class="btn btn-pay btn-danger">
<i class="fa fa-gratipay" aria-hidden="true"></i> 赞赏支持
</button>
<div class="mt20 text-center article__reward-info">
<span class="mr10">如果觉得我的文章对你有用，请随意赞赏</span>
</div>
</div>
<div id="myModal" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog"
aria-labelledby="mySmallModalLabel">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span
aria-hidden="true">×</span><span
class="sr-only">Close</span></button>
<h4 class="modal-title">赞赏作者</h4>
</div>
<div class="modal-body">
<p class="text-center"><strong
class="article__reward-text">扫一扫支付</strong></p>
<div class="tab-content">
<img nogallery="" aria-labelledby="alipay-tab"
class="pay-img tab-pane fade in active" id="alipay_author"
role="tabpanel"
src="${theme_url('/static/img/alipay-pay.png')}"/>
<img nogallery="" aria-labelledby="wechatpay-tab"
class="pay-img tab-pane fade" id="wechatpay_author"
role="tabpanel"
src="${theme_url('/static/img/wechat-pay.png')}"/>
</div>
<div class="article__reward-border mb20 mt10"></div>
<div class="text-center" role="tablist">
<div class="pay-button active" role="presentation">
<button href="#alipay_author" id="alipay-tab"
aria-controls="alipay_author" role="tab"
data-toggle="tab" class="btn m-b-xs btn-info"><i
class="iconfont icon-alipay" aria-hidden="true"></i><span> 支付宝支付</span>
</button>
</div>
<div class="pay-button" role="presentation">
<button href="#wechatpay_author" id="wechatpay-tab"
aria-controls="wechatpay_author" role="tab"
data-toggle="tab" class="btn m-b-xs btn-success"><i
class="iconfont icon-wechatpay"
aria-hidden="true"></i><span> 微信支付 </span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--/文章的页脚部件：打赏和其他信息的输出-->
</div>
</article>
</div>
</div>
</div>
#include('./partial/right.html')
</div>
</main>
</div>
<!-- /content -->
#include('./partial/footer.html')