-
Notifications
You must be signed in to change notification settings - Fork 0
/
detail.html
338 lines (331 loc) · 17.9 KB
/
detail.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
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
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
<!doctype html>
<html lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>响应式简单个性个人博客模板</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="statics/css/index.css" media="all" />
<link rel="stylesheet" type="text/css" href="statics/css/detail.css" />
</head>
<body class="home blog custom-background round-avatars" itemscope itemtype="http://schema.org/Organization">
<div class="Yarn_Background" style="background-image: url( statics/images/47fb3c_.jpg);"></div>
<form class="js-search search-form search-form--modal" method="get" action="search.html" role="search">
<div class="search-form__inner">
<div>
<div id="search-container" class="ajax_search">
<form method="get" id="searchform" action="">
<div class="filter_container"><input type="text" value="" autocomplete="off" placeholder="Type then select or enter" name="s" id="search-input" />
<ul id="search_filtered" class="search_filtered"></ul>
</div>
<input type="submit" name="submit" id="searchsubmit" class="searchsubmit" value="" />
</form>
</div>
</div>
</div>
</form>
<div class="navi" data-aos="fade-down">
<div class="bt-nav">
<div class="line line1"></div>
<div class="line line2"></div>
<div class="line line3"></div>
</div>
<div class="navbar animated fadeInRight">
<div class="inner">
<nav id="site-navigation" class="main-navigation">
<div id="main-menu" class="main-menu-container">
<div class="menu-menu-container">
<ul id="primary-menu" class="menu">
<li id="menu-item-17" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-17">
<a href="index.html">首页</a>
</li>
<li id="menu-item-173" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-173">
<a href="update.html">更新</a>
</li>
<li id="menu-item-78" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78">
<a href="link.html">链接</a>
</li>
<li id="menu-item-252" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-252">
<a href="archives.html">归档</a>
<ul class="sub-menu">
<li id="menu-item-165" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-165">
<a href="">theme</a>
</li>
<li id="menu-item-163" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-163">
<a href="">Happen</a>
</li>
<li id="menu-item-924" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-924">
<a href="">WeWork</a>
</li>
<li id="menu-item-164" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-164">
<a href="">WordPress</a>
</li>
</ul>
</li>
<li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-57">
<a href="gustbook.html">留言</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- #site-navigation -->
</div>
</div>
</div>
<div class="hebin" data-aos="fade-down">
<i class=" js-toggle-search iconfont"></i>
</div>
<header id="masthead" class="overlay animated from-bottom" itemprop="brand" itemscope itemtype="http://schema.org/Brand">
<div class="site-branding text-center">
<a href="">
<figure>
<img class="custom-logo avatar" src="statics/images/omikron.png" />
</figure>
</a>
<h3 class="blog-description"><p>This is beauty</p></h3>
</div>
<!-- .site-branding -->
<div class="decor-part">
<div id="particles-js"></div>
</div>
<div class="animation-header">
<div class="decor-wrapper">
<svg id="header-decor" class="decor bottom" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="none">
<path class="large left" d="M0 0 L50 50 L0 100" fill="rgba(255,255,255, .1)"></path>
<path class="large right" d="M100 0 L50 50 L100 100" fill="rgba(255,255,255, .1)"></path>
<path class="medium left" d="M0 100 L50 50 L0 33.3" fill="rgba(255,255,255, .3)"></path>
<path class="medium right" d="M100 100 L50 50 L100 33.3" fill="rgba(255,255,255, .3)"></path>
<path class="small left" d="M0 100 L50 50 L0 66.6" fill="rgba(255,255,255, .5)"></path>
<path class="small right" d="M100 100 L50 50 L100 66.6" fill="rgba(255,255,255, .5)"></path>
<path d="M0 99.9 L50 49.9 L100 99.9 L0 99.9" fill="rgba(255,255,255, 1)"></path>
<path d="M48 52 L50 49 L52 52 L48 52" fill="rgba(255,255,255, 1)"></path>
</svg>
</div>
</div>
</header>
<div id="main" class="content">
<div class="container">
<article id="post-1202" class="js-gallery post-1202 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized tag-11 tag-22 tag-29">
<style>
.container {
padding: 10px 0px;
}
.post {
margin: 0 auto
}
</style>
<section class="post_content">
<header class="post_header">
<h1 class="post_title">给大家介绍一下</h1>
</header>
<div class="post-body js-gallery">
<p>这几天被朋友圈的“男友体”刷屏了，吃瓜群众硬是要跟风才感觉自己跟得上潮流吗？然而媒体却猫在一边看着热点流量刷刷刷变现，粉丝一边被卖了还一边帮别人数钱，That so naive，who tm care ！</p>
<p>现在的明星的影响力足以影响国内娱乐圈的"半壁江山"，发条微博，新浪都恐慌好几天，来来来，蹭个热点给大家介绍一下我的女朋友。</p>
<p>单身狗哪有女朋友，汪！汪！哈哈，（翻白眼）</p>
<p>回来，几月不正经写
<a class='autotag' href="" title="【查看含有[更新]标签的文章】" target="_blank">更新</a>文，不会就这样吧啦几句就跑的，说回正事；当前 Yarn 也差不多使用了一年的时间，发售也同样一年了，起初不做任何宣传的情况下，也有几十份的出售，默默地挂着，等待下一个“有缘人”，最近被推倒了
<a class='autotag' href="" title="【查看含有[主题]标签的文章】" target="_blank">主题</a>网，突然间询问的人多了起来，然而少数的是购买者，无用功的时间有点多啊，怎么说也是该感谢，因为至少被人认可是件让我觉得值得和高兴的事。更多的，我该感谢的是每一位用户和每一次用心给我反馈的用户，因为我始终认为别人的时间是金钱，别人能在这这浪费时间说明至少我的作品还是存在一定的“等价”价值，这也是每一次的版本更新我都会在邮件结尾以“感谢大家对 Yarn 的认可和支持”致谢的原因。他们说这个价格，可能不是强大的，但最好看最有个性的就是 Yarn 了， 69 元买不了吃亏，买不了上当！</p>
<a href="" class="blog-card-title-link">
<div class="blog-card">
<div class="blog-card-thumbnail"><img width="150" height="150" src="statics/images/yarn-150x150.jpg" class="blog-card-thumb-image wp-post-image" alt="" /></div>
<div class="blog-card-content">
<div class="blog-card-date clearfix">2016-10-19 09:46</div>
<div class="blog-card-title">关于购买Yarn</div>
<div class="blog-card-excerpt">首先说明一下，Yarn是本人第一款付费主题，用心用力，只为小众，不卖代码。函数各种代码满网络可找，设计可以千差万别。Yarn定位是清新、单栏、个性，如果你想要的是一款与众不同的主题，那么Yarn是您的</div>
</div>
</div>
</a>
<hr/>
<p><span class="yellow-under">ONE MORE THING</span></p>
<p>也是说到 Yarn 已经用的时间一年了，人总是向往对美好的事物，所以这次是 Dcras ！至于命名有什么含义，以后再告诉大家，聪明的您可能从旁边的预览图能找到答案。</p>
<p>
<quote class="pullquote">
<a href="statics/images/Dcras.png"><img src="statics/images/Dcras.png" alt="" width="1920" height="1080" class="alignnone size-full wp-image-1223" /></a>
</quote>国庆期间有了 Dcras 这个想法，现阶段只是试点代码实现了头部和部分的文章样式（草图画成这屌样就敢动工也是服），试着尝试一下我最不喜欢的三栏目布局，悦目的动效一直是我做主题追求的，所以这次 Dcras 也是！我郑重的在这立下个 Flag ，Pjax 不完成我是绝对不会上线的，所以有可能遥遥无期，给我的点时间（ Maybe next year ），我会令它变得更 perfect ！</p>
<p>当然 Dcras 也是一款 wordpress 付费主题，将会应用到更多 WordPress 支持的强大功能，模版更丰富，至于大家关系的价格问题，我会说：只有 Yarn 的用户可以向我“讨价还价”！其他一律原价！这是对我 Yarn 用户承诺最真诚的福利。</p>
</div>
<div class="meta split split--responsive cf">
<div class="split__title">
<time datetime="2017-10-02 01:44">2017/10/02</time>
<span class=""><a href="" rel="tag">主题</a><a href="" rel="tag">日常</a><a href="" rel="tag">更新</a> </span>
</div>
<div id="social-share"><span class="entypo-share"><i class="iconfont"></i>分享</span></div>
<div class="slide">
<a class="btn-slide" title="switch down"><i class="iconfont"></i>折叠评论区</a>
</div>
</div>
</section>
</article>
</div>
<svg id="upTriangleColor" width="100%" height="40" viewBox="0 0 100 102" preserveAspectRatio="none">
<path d="M0 0 L50 100 L100 0 Z"></path>
</svg>
<div id="social">
<ul>
<li>
<a href="" title="qzone" target="_blank"><i class="iconfont"></i></a>
</li>
<li>
<a href="" title="weibo" target="_blank"><i class="iconfont"></i></a>
</li>
<li>
<a href="" title="douban" target="_blank"><i class="iconfont"></i></a>
</li>
<li>
<a href="" title="twitter" target="_blank"><i class="iconfont"></i></a>
</li>
</ul>
</div>
<div id="panel">
<div class="comment-area">
<section class="comments">
<div class="comments-main">
<div id="comments-list-title"><span>30</span> 条评论 </div>
<div id="loading-comments">
<div class="host">
<div class="loading loading-0"></div>
<div class="loading loading-1"></div>
<div class="loading loading-2"></div>
</div>
</div>
<ul class="commentwrap">
<li class="comment even thread-even depth-1" id="li-comment-">
<div id="comment-969" class="comment_body contents">
<div class="profile">
<a href=""><img src="statics/images/9cc50a9e422fb1c89aebafeb959cef7a.jpg" class="gravatar" alt="小布丁"></a>
</div>
<div class="main shadow">
<div class="commentinfo">
<section class="commeta">
<div class="shang">
<h4 class="author"><a href="" target="_blank"><img src="statics/images/9cc50a9e422fb1c89aebafeb959cef7a.jpg" class="gravatarsmall" alt="小布丁">小布丁</a></h4>
</div>
</section>
</div>
<div class="body">
<p>挺好的</p>
</div>
<div class="xia info">
<span><time datetime="2018-03-09">2018年3月9日</time></span>
<span><a rel='nofollow' class='comment-reply-link' href="" onclick='return addComment.moveForm( "comment-969", "969", "respond", "1202" )' aria-label='回复给小布丁'>回复</a></span>
</div>
</div>
</div>
</li>
<!-- #comment-## -->
</ul>
<nav id="comments-navi">
<a class="prev page-numbers" href="">
<</a>
<a class='page-numbers' href="">1</a>
<a class='page-numbers' href="">2</a>
<a class='page-numbers' href="">3</a>
<span aria-current='page' class='page-numbers current'>4</span></nav>
<div id="respond" class="comment-respond">
<h6 id="replytitle" class="comment-reply-title"><a rel="nofollow" id="cancel-comment-reply-link" href="" style="display:none;">取消</a></h6>
<form action="#" method="post" id="commentform" class="clearfix">
<div class="clearfix"></div>
<div class="author-info">
<input type="text" name="author" id="author" placeholder="昵 称 : " value="" tabindex="1" title="Name (required)" />
<input type="text" name="email" id="email" placeholder="邮 箱 : " value="" tabindex="2" title="E-mail(will not be published) required" />
<input type="text" name="url" id="url" placeholder="网 址 : " value="" tabindex="3" title="Website" />
</div>
<div class="clearfix"></div>
<input type='hidden' name='comment_post_ID' value='1202' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="632104fca1" /></p>
<p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="87" /></p>
<div class="comment-form-info">
<div class="real-time-gravatar"> <img id="real-time-gravatar" src="statics/images/d41d8cd98f00b204e9800998ecf8427e.png" alt="gravatar头像" />
</div>
<p class="input-row">
<i class="row-icon"></i>
<textarea class="text_area" rows="3" cols="80" name="comment" id="comment" tabindex="4" placeholder="你不说两句吗？(°∀°)ﾉ……"></textarea>
<input type="submit" name="submit" class="button" id="submit" tabindex="5" value="发送" />
</p>
</div>
</form>
</div>
</div>
</section>
</div>
</div>
<svg id="dwTriangleColor" width="100%" height="40" viewBox="0 0 100 102" preserveAspectRatio="none">
<path d="M0 0 L50 100 L100 0 Z"></path>
</svg>
<div class="wrapper">
</div>
</div>
<div class="p-header">
<figure class="p-image" style="background-image: url(statics/images/47fb3c_9afed6c259f94589881bd55376206366mv2_d_3840_5784_s_4_2.jpg);"></figure>
</div>
<div class="navpost-part">
<div id="NextPrevPosts">
<div class="prev" data-aos="slide-right" data-aos-delay="1.5s">
<div class="arrow"><i class="iconfont"></i></div>
<div class="preview">
<div class="pull-left featuredImg" style="background-image:url('statics/images/97a354cb9519f97e84139f26017386026b3fd7f517b96-DCDbdE-250x250.jpeg');"></div>
<a class="pull-left preview-content bold" href="#"><span>《别哭妈妈》</span></a>
</div>
</div>
<div class="next" data-aos="slide-left" data-aos-delay="1.5s">
<div class="arrow"><i class="iconfont"></i></div>
<div class="preview">
<div class="pull-right featuredImg" style="background-image:url('statics/images/no-image.png');"></div>
<a class="pull-right preview-content bold" href="#"><span>重构图像样式测试</span></a>
</div>
</div>
</div>
</div>
<footer id="footer" class="overlay animated from-top">
<div class="decor-wrapper">
<svg id="footer-decor" class="decor top" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="none">
<path class="large left" d="M0 0 L50 50 L0 100" fill="rgba(255,255,255, .1)"></path>
<path class="large right" d="M100 0 L50 50 L100 100" fill="rgba(255,255,255, .1)"></path>
<path class="medium left" d="M0 0 L50 50 L0 66.6" fill="rgba(255,255,255, .3)"></path>
<path class="medium right" d="M100 0 L50 50 L100 66.6" fill="rgba(255,255,255, .3)"></path>
<path class="small left" d="M0 0 L50 50 L0 33.3" fill="rgba(255,255,255, .5)"></path>
<path class="small right" d="M100 0 L50 50 L100 33.3" fill="rgba(255,255,255, .5)"></path>
<path d="M0 0 L50 50 L100 0 L0 0" fill="rgba(255,255,255, 1)"></path>
<path d="M48 48 L50 51 L52 48 L48 48" fill="rgba(255,255,255, 1)"></path>
</svg>
</div>
<div class="socialize" data-aos="zoom-in">
<li>
<a title="weibo" class="socialicon" href=""><i class="iconfont" aria-hidden="true">
</i></a>
</li>
<li class="wechat">
<a class="socialicon"><i class="iconfont">
</i></a>
<div class="wechatimg"><img src="statics/images/49D3746D-7519-B709-83E4-65BD1927C4E7.jpg"></div>
</li>
<li>
<a title="QQ" class="socialicon" href="" target="_blank"><i class="iconfont" aria-hidden="true">
</i></a>
</li>
</div>
<div class="cr">Copyright© 2018. Design by
<a href="">17sucai</a>
</div>
<script type="text/javascript">
window.onscroll = function() {
var scrollTop = document.body.scrollTop;
if(scrollTop >= 200) {
document.getElementById("NextPrevPosts").style.display = "none"
} else {
document.getElementById("NextPrevPosts").style.display = "block"
}
}
</script>
<script type='text/javascript' src='statics/js/jquery.min.js'></script>
<script type='text/javascript' src='statics/js/plugins.js'></script>
<script type='text/javascript' src='statics/js/script.js'></script>
<script type='text/javascript' src='statics/js/particles.js'></script>
<script type='text/javascript' src='statics/js/aos.js'></script>
<script type='text/javascript' src='statics/js/prism.js'></script>
<script type='text/javascript' src='statics/js/gravatar.js'></script>
</body>
</html>