forked from weipxiu/Art_Blog
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
312 lines (301 loc) · 14 KB
/
index.php
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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="baidu-site-verification" content="cNP7vhhXuw" />
<meta name="Author" content="李俊" />
<meta name="description" content="唯品秀个人博客,关注Web前端开发技术,移动前端开发,前端资讯,同时分享前端资源和工具等,支持普通用户注册登录会员分享前端技术经验,期待你的参与!" />
<meta name="keywords" content="唯品秀,唯品秀个人博客,web前端博客,网页制作,唯品会博客,新浪博客,腾讯博客,HTML5/CSS3,Javascript,Vue.js,Angular.js,node.js" />
<meta name="format-detection" content="telephone=no"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">强制https -->
<title>唯品秀 – 前端开发 | web前端技术博客</title>
<link rel="shortcut icon" type="image/x-icon" href="<?php bloginfo('template_url'); ?>/favicon.ico" />
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" media="screen and (max-width:767px)" href="<?php bloginfo('template_url'); ?>/css/style-ios.css">
<link rel="stylesheet" type="text/css" media="screen and (min-width:768px) and (max-width:1199px)" href="<?php bloginfo('template_url'); ?>/css/style-ipd.css">
<link rel="stylesheet" type="text/css" media="screen and (min-width:1200px)" href="<?php bloginfo('template_url'); ?>/style.css">
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/swiper.min.css">
<?php wp_head(); ?>
</head>
<body>
<div id="hide">
<?php get_header();?>
<!-- <section class="mod-banner" id="js_banner">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background:url('https://www.weipxiu.com/wp-content/themes/boke/images/slide2.png') no-repeat center top;"></div>
<div class="swiper-slide" style="background:url('https://www.weipxiu.com/wp-content/themes/boke/images/slide3.png') no-repeat center top;"></div>
<div class="swiper-slide" style="background:url('https://www.weipxiu.com/wp-content/themes/boke/images/slide4.png') no-repeat center top;"></div>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-next swiper-button-white"></div>
<div class="swiper-button-prev swiper-button-white"></div>
</div>
</section> -->
<section class="mod-banner" id="js_banner">
<!-- <div class="mod-banner__snow_theme">
<div class="mod-banner__snow_1"></div>
<div class="mod-banner__snow_2"></div>
</div> -->
<a href="https://www.weipxiu.com" target="_blank" class="mod-banner__img banner_1" id="banner_img" style="background: url("https://www.weipxiu.com/wp-content/themes/boke/images/banner-3.jpg") center center no-repeat;"></a>
<div class="mod-banner__navi">
<div class="js_banner_nav mod-banner_nav"></div>
<span class="mod-banner__nav-dot"><canvas id="dotCanvas"></canvas></span>
</div>
<div class="mod-banner__tool">
<span class="js_banner_prev mod-banner__tool-prev">
<span class="mod-banner__tool-white"></span>
<span class="mod-banner__tool-shadow"></span>
</span>
<span class="js_banner_next mod-banner__tool-next">
<span class="mod-banner__tool-white"></span>
<span class="mod-banner__tool-shadow"></span>
</span>
</div>
</section>
<!-- 导航start -->
<!-- <div class="index-box">
<div class="index-main path-banner">
<a href="" target="_blank" class="path-banner_1">
<img src="<?php bloginfo('template_url'); ?>/images/path_1.png" alt="WEB前端开发,最前沿的前端视频">
</a>
<a href="" target="_blank" class="path-banner_1">
<img src="<?php bloginfo('template_url'); ?>/images/path_2.png" alt="文章主题插件,最全最完整的持续更新">
</a>
<a href="" target="_blank" class="path-banner_1">
<img src="<?php bloginfo('template_url'); ?>/images/path_3.png" alt="原创实战经验,最流行的WEB前端教程">
</a>
<a href="" target="_blank" class="path-banner_1">
<img src="<?php bloginfo('template_url'); ?>/images/path_4.png" alt="资源交流社区,一个社区一个温暖的家">
</a>
</div>
</div> -->
<!-- 导航end -->
<!-- 正文区域start -->
<div class="continar" style="margin-top:20px">
<div id="mobil">
<!--移动端轮播start-->
<div class="swiper-container1">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background:url('https://www.weipxiu.com/wp-content/themes/boke/images/banner1.png') no-repeat center top; background-size:100% 100%"></div>
<div class="swiper-slide" style="background:url('https://www.weipxiu.com/wp-content/themes/boke/images/banner2.png') no-repeat center top; background-size:100% 100%"></div>
<div class="swiper-slide" style="background:url('https://www.weipxiu.com/wp-content/themes/boke/images/banner3.png') no-repeat center top; background-size:100% 100%"></div>
</div>
<div class="swiper-pagination"></div>
</div>
<!--移动端轮播end-->
</div>
<div class="continar-left" style="border:0; padding:0;background: transparent;">
<div class="continar-left-top">
<?php
$args = array(
'post_password' => '',
'post_status' => 'publish', // 只选公开的文章.
//'post__not_in' => array($post->ID),//排除当前文章
//'caller_get_posts' => 1, // 排除置頂文章.
//'orderby' => 'rand', // 依評論數排序.
'posts_per_page' => 1 // 设置调用条数
);
$query_posts = new WP_Query();
$query_posts->query($args);
while( $query_posts->have_posts() ) { $query_posts->the_post(); ?>
<h1>
<a href="<?php the_permalink(); ?>" target="_blank">
<span>【今日焦点】</span><?php the_title(); ?>
<img src="<?php bloginfo('template_url'); ?>/images/new.gif" width="26" height="14" alt="24小时内最新">
</a>
</h1>
<span><?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 200,"..."); ?><!--文章内容简介-->
</span>
<?php } wp_reset_query();?>
</div>
<!-- 博客介绍开始 -->
<aside class="blog">
<h3>博客介绍</h3>
<div class="textwidget">
<p class="clearfix">
前端博客: weipxiu.com,我们关注Web前端开发技术,移动前端开发,前端资讯,同时分享前端资源和工具等,期待你的参与,<a rel="nofollow" target="_blank" href="/?cat=10">了解更多..</a>
</p>
<ul class="social">
<li class="weibo">
<a href="https://shang.qq.com/email/stop/email_stop.html?qq=343049466&sig=a1c657365db7e82805ea4b2351081fc3ebcde159f8ae49b1&tttt=1" target="_blank" class="top-tip" title="加QQ为好友"><i class="iconfont icon-qq"></i>QQ</a>
</li>
<li class="qq">
<a target="_blank" href="https://jq.qq.com/?_wv=1027&k=4BemYKg" rel="nofollow" class="top-tip" title="加入web前端QQ群"><i class="iconfont icon-qqqun"></i>Q群</a>
</li>
<li class="feed">
<a target="_blank" href="tencent://message/?uin=343049466&Site=qq&Menu=yes" rel="nofollow" class="top-tip" title="QQ临时会话"><i class="iconfont icon-qq"></i>会话</a>
</li>
<li class="email">
<a href="mailto:343049466@qq.com.com" target="_blank" rel="nofollow" class="top-tip" title="给我发送qq邮件"><i class="iconfont icon-youxiang"></i>邮件</a>
</li>
<li class="weixin">
<a href="https://www.weipxiu.com/feed" target="_blank" rel="nofollow" class="top-tip" title="关注微信"><i class="iconfont icon-weixin"></i>微信</a>
</li>
</ul>
</div>
</aside>
<!-- 博客介绍结束 -->
<!-- 邮件订阅start -->
<div class="inner-box">
<div class="rssbook">
<h3 class="info">您也可以通过电子邮件订阅每日的更新,不定时为您推送优质文章</h3>
<p>我们不会公开您的邮箱,您可以随时取消订阅</p>
<div class="mailInput">
<?php echo wpm_form(1); ?>
</div>
</div>
</div>
<!-- 邮件订阅end -->
<!-- 文章start -->
<?php $posts = query_posts($query_string . '&orderby=date&showposts=12'); ?>
<?php
if(have_posts()): while(have_posts()):the_post();
?>
<div class="text">
<div class="img-left">
<a class="read-more" href="<?php the_permalink(); ?>" target="_blank">
<?php
if ( has_post_thumbnail() )
the_post_thumbnail();
else
echo '<img src="https://www.weipxiu.com/wp-content/uploads/2017/04/default-220x150.png" alt="" />';
?>
</a>
</div>
<div class="text_right">
<h2>
<span><?php the_category() ?><i></i></span>
<a href="<?php the_permalink(); ?>" target="_blank" title="<?php the_title(); ?>"><?php the_title(); ?></a>
</h2>
<div class="entry-meta">
<a href="https://www.weipxiu.com">唯品秀</a>
<i class="space">•</i>
<a href="#">前端开发资讯</a>
<i class="space">•</i>
<?php the_author(); ?>
<a href="#" class="comments-number">
<span></span>
</a>
</div>
<h3>
<?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 150,"..."); ?><!--文章内容-->
</h3>
<a class="read-more" href="<?php the_permalink(); ?>" target="_blank">阅读全文<i class="fa fa-chevron-circle-right"></i></a>
<p class="l">
<!-- <span>
<a href="<?php the_permalink(); ?> ">
<i class="fa fa-calendar"> </i><?php echo '发表于 '.timeago( get_gmt_from_date(get_the_time('Y-m-d G:i:s')) ); ?>
</a>
</span> -->
<span><i class="fa fa-calendar" aria-hidden="true"></i> <?php the_time('Y年m月d日') ?></span>
<span>
<a href="<?php the_permalink(); ?> ">
<i class="iconfont icon-liulan"></i> <?php echo getPostViews(get_the_ID()); ?>℃
</a>
</span>
<span class="comm">
<a href="<?php the_permalink(); ?> ">
<i class="iconfont icon-pinglun2"></i>
<span id = "url::<?php the_permalink(); ?>" class = "cy_cmt_count" ></span>
<script id="cy_cmt_num" src="https://changyan.sohu.com/upload/plugins/plugins.list.count.js?clientId=cyt2b1NqT">
</script>
条评论
</a>
</span>
<span class="post-like">
<a href="javascript:;" style="color: #f78585" data-action="ding" data-id="<?php the_ID(); ?>" class="favorite<?php if(isset($_COOKIE['bigfa_ding_'.$post->ID])) echo ' done';?>">
<i class="fa fa-thumbs-o-up" style="color: #f78585"></i>
<span class="count">
<?php if( get_post_meta($post->ID,'bigfa_ding',true) ){
echo get_post_meta($post->ID,'bigfa_ding',true);
} else {
echo '0';
}?>
</span>喜欢
</a>
</span>
<span class="r"></span>
</p>
<?php if( is_sticky() ) echo '<em><a href="">顶</a></em>'; ?>
<!-- <span class="new-icon">NEW</span> -->
</div>
<!-- <font class="s_bar"></font> --><!--竖条-->
</div>
<?php endwhile; else : ?>
<h2><?php _e('Not Found'); ?></h2>
<?php endif; ?>
<?php wp_pagenavi(); ?>
<!--分页插件调用-->
</div>
<!-- 左侧区域结束 -->
<!-- 右侧区域开始 -->
<div class="continar-right">
<?php get_sidebar( $name ); ?>
</div>
<!-- 右侧区域结束 -->
</div>
<!-- 正文区域end -->
<!-- 底部调用start -->
<?php get_footer()?>
<?php wp_footer(); ?>
<!-- 底部调用end -->
</div>
<h1 style="position: fixed; left:-999px;top:-999px">
<a href="https://www.weipxiu.com"><img src="<?php bloginfo('template_url'); ?>/images/web.png" width="121" height="75" alt="唯品秀个人博客"></a>
</h1>
<!-- 首页弹窗start -->
<div id="curriculum" class="gradient">
<h2>
<strong>重要通知</strong>
<a class="close" href="javascript:;" title="关闭 - close"></a>
</h2>
<ul>
<li>
<p>
<strong>主题开源</strong>
<span>本博客主题已正式开源了</span>
<em>2018-02-20</em>
</p>
</li>
<li>
<p>
<strong>免费授权</strong>
<span>永久不盈利原则免费授权</span>
<em>2018-02-20</em>
</p>
</li>
<li>
<p>
<strong>免费更新</strong>
<span>项目不定期维护更新优化</span>
<em>2018-02-20</em>
</p>
</li>
<li>
<p>
<strong>欢迎使用</strong>
<span>欢迎Github克隆下载使用</span>
<em>2018-02-20</em>
</p>
</li>
</ul>
<div class="contact">
<h3>✎﹏ℳ๓ั如履✾薄冰</h3>
<h4>QQ : 343049466</h4>
<h4>手机:<span>182xxxx8470</span></h4>
<a href="javascript:;">返回</a>
</div>
</div>
<!-- 首页弹窗end -->
<!-- 首页背景音乐开始 -->
<audio src="http://other.web.rh01.sycdn.kuwo.cn/resource/n2/33/99/2947872486.mp3" loop="loop" preload="none" id="music"></audio>
<div class="control"></div>
<!-- 首页背景音乐结束 -->
</body>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/xfg_banner.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/javascript.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/swiper.min.js"></script>
</html>