-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
629 lines (628 loc) · 41.3 KB
/
index.html
File metadata and controls
629 lines (628 loc) · 41.3 KB
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
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sim个人博客</title>
<link rel="stylesheet" href="plugin/layui/css/layui.css">
<link rel="stylesheet" href="css/common.css">
<link rel="shortcut icon" href="./imgs/icon/bitbug_favicon.ico">
<script>
var articleId=30;
</script>
</head>
<body>
<header>
<div class="layui-row header-bigimg"></div>
<div class="layui-row subject-color nav-row">
<div class="main-content nav-menu">
<div class="layui-row">
<div class="layui-col-md2 logo-box">
<a href="#" title="首页，聚繁分享">
<img src="imgs/canreplace/logo.png" alt="logo">
</a>
</div>
<div class="layui-col-md7 menu-box">
<ul class="menu-ul">
<a href="index.html">
<li>首页</li>
</a>
<a href="columntype.html">
<li>技术文章</li>
</a>
<a href="#">
<li>程序人生</li>
</a>
<a href="#">
<li>生活</li>
</a>
<a href="content.html">
<li>内容页</li>
</a>
<a href="#">
<li>关于我、关于博客</li>
</a>
</ul>
</div>
<div class="layui-col-md3 search-box">
<div class="search-input-div">
<div class="layui-row">
<div class="layui-col-md10 input-box">
<input class="search-input" placeholder="请输入关键字进行搜索">
</div>
<div class="layui-col-md2 search-btn-box">
<img src="imgs/icon/search.png" height="36" width="36"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="main-content item-box">
<div class="item-left">
<div class="layui-row carousel-box">
<div class="layui-carousel" id="my-carousel" lay-filter="carouselimg">
<div carousel-item>
<div><img src="imgs/carousel1.jpg"/></div>
<div><img src="imgs/carousel2.jpg"/></div>
<div><img src="imgs/carousel3.jpg"/></div>
<div><img src="imgs/carousel4.jpg"/></div>
<div><img src="imgs/carousel5.jpg"/></div>
</div>
</div>
</div>
<div class="layui-row box-bg lunbo-textbox">
<a href="#" class="font-size2 font-color1 cursor-pointer">做你不想做的事情，并使之成为习惯，会成为成长的捷径。</a>
</div>
<div class="three-pane-box layui-row layui-col-space20">
<div class="layui-col-md4">
<div class="col-nei-div cursor-pointer pane-radius">
<img src="imgs/carousel1.jpg"/>
</div>
<div class="item-text-div bottom-radius layui-elip">
<a href="#" class="cursor-pointer">做你想做的事情，并为之坚持，才有坚持不懈的动力。</a>
</div>
</div>
<div class="layui-col-md4">
<div class="col-nei-div cursor-pointer pane-radius">
<img src="imgs/carousel2.jpg"/>
</div>
<div class="item-text-div bottom-radius layui-elip">
<a href="#" class="cursor-pointer">之所以洒脱，是因为懂得取舍</a>
</div>
</div>
<div class="layui-col-md4">
<div class="col-nei-div cursor-pointer pane-radius">
<img src="imgs/carousel3.jpg"/>
</div>
<div class="item-text-div bottom-radius layui-elip">
<a href="#" class="cursor-pointer">弱水三千只取一瓢</a>
</div>
</div>
</div>
<div class="one-sharetype-box layui-row box-bg">
<div class="layui-col-md5">
<div class="item-img-box">
<img src="imgs/carousel5.jpg"/>
</div>
</div>
<div class="oneshare-content layui-col-md7">
<h3 class="font-bold2 font-size3 font-color4 layui-elip">Windows10 专业版系统下载</h3>
<div class="oneshare-msg-row layui-row font-color3 font-size1">
<p>Windows 10将会让搜索和使用信息更加简单，包括本地、网络和互联网搜索功能,直观的用户体验将更加高级,还会整合自动化应用程序提交和交叉程序数据透明性。
Windows 10操作系统改进了基于角色的计算方案和用户账户管理,在数据保护和坚固协作的固有冲突之间搭建沟通桥梁,同时也会开启企业级的数据保护和权限许可。
Windows 10大幅缩减了Windows 的启动速度，系统加载时间一般不超过20秒,开机速度相比Windows 其他的操作系统提升了28%，更加安全可靠！</p>
</div>
<div class="look-more layui-row">
<a href="#" class="layui-btn layui-btn-sm pane-radius subject-color">查看更多</a>
<a href="#" class="layui-btn layui-btn-sm layui-btn-normal pane-radius">免费获取</a>
</div>
</div>
</div>
<div class="heng-guangao layui-row box-bg">
<img src="imgs/hengguangao.jpg">
</div>
<div class="type-module layui-row layui-col-space20">
<div class="layui-col-md6">
<div class="type-module-item layui-row">
<div class="item-title-row layui-row row-align">
<div class="layui-col-md10 row-align font-size2">
<div class="left-icon"></div>
<span class="font-bold">编程分享</span>
</div>
<div class="layui-col-md2 text-align-right text-underline only-pointer font-size1 font-color3">
<a href="#">更多</a>
</div>
</div>
<div class="item-ul-row layui-row">
<ul>
<li>
<div class="ul-li-div layui-row row-align">
<div class="layui-col-md9 layui-elip font-size2">> <a href="./contents/block1/stl_construct.html">TinySTL之建构和结构工具stl_construct</a></div>
<div class="layui-col-md3 text-align-right font-size1 font-color3">2022-05-28</div>
</div>
<div class="ul-li-div layui-row row-align">
<div class="layui-col-md9 layui-elip font-size2">> <a href="./contents/block1/stl_allocator.html">TinySTL之空间配置器stl_allocator</a></div>
<div class="layui-col-md3 text-align-right font-size1 font-color3">2022-05-28</div>
</div>
</li>
<li>
<div class="ul-li-div layui-row row-align">
<div class="layui-col-md9 layui-elip font-size2">> <a href="./contents/block1/stl_iterator.html">TinySTL之迭代器stl_iterator</a></div>
<div class="layui-col-md3 text-align-right font-size1 font-color3">2022-05-30</div>
</div>
</li>
<li>
<div class="ul-li-div layui-row row-align">
<div class="layui-col-md9 layui-elip font-size2">> <a href="./contents/block1/type_traits.html">TinySTL之类型萃取type_traits</a></div>
<div class="layui-col-md3 text-align-right font-size1 font-color3">2022-05-30</div>
</div>
</li>
<li>
<div class="ul-li-div layui-row row-align">
<div class="layui-col-md9 layui-elip font-size2">> <a href="./contents/block1/stl_uninitialized.html">TinySTL之内存处理工具 stl_uninitialized</a></div>
<div class="layui-col-md3 text-align-right font-size1 font-color3">2022-06-01</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="type-module-item layui-row">
<div class="item-title-row layui-row row-align">
<div class="layui-col-md10 row-align font-size2">
<div class="left-icon"></div>
<span class="font-bold">知识积累</span>
</div>
<div class="layui-col-md2 text-align-right text-underline only-pointer font-size1 font-color3">
<a href="#">更多</a>
</div>
</div>
<div class="item-ul-row layui-row">
<ul>
<li>
<div class="ul-li-div layui-row row-align">
<div class="layui-col-md9 layui-elip font-size2">> <a href="#">每个强者都会有背后的辛酸挫折每个强者都会有背后的辛酸挫折</a></div>
<div class="layui-col-md3 text-align-right font-size1 font-color3">2019-01-14</div>
</div>
</li>
<li>
<div class="ul-li-div layui-row row-align">
<div class="layui-col-md9 layui-elip font-size2">> <a href="#">每个强者都会有背后的辛酸挫折每个强者都会有背后的辛酸挫折</a></div>
<div class="layui-col-md3 text-align-right font-size1 font-color3">2019-01-14</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="type-module-item layui-row">
<div class="item-title-row layui-row row-align">
<div class="layui-col-md10 row-align font-size2">
<div class="left-icon"></div>
<span class="font-bold">生活日记</span>
</div>
<div class="layui-col-md2 text-align-right text-underline only-pointer font-size1 font-color3">
<a href="#">更多</a>
</div>
</div>
<div class="item-ul-row layui-row">
<ul>
<li>
<div class="ul-li-div layui-row row-align">
<div class="layui-col-md9 layui-elip font-size2">> <a href="#">每个强者都会有背后的辛酸挫折每个强者都会有背后的辛酸挫折</a></div>
<div class="layui-col-md3 text-align-right font-size1 font-color3">2019-01-14</div>
</div>
</li>
<li>
<div class="ul-li-div layui-row row-align">
<div class="layui-col-md9 layui-elip font-size2">> <a href="#">每个强者都会有背后的辛酸挫折每个强者都会有背后的辛酸挫折</a></div>
<div class="layui-col-md3 text-align-right font-size1 font-color3">2019-01-14</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="type-module-item layui-row">
<div class="item-title-row layui-row row-align">
<div class="layui-col-md10 row-align font-size2">
<div class="left-icon"></div>
<span class="font-bold">工具推荐</span>
</div>
<div class="layui-col-md2 text-align-right text-underline only-pointer font-size1 font-color3">
<a href="#">更多</a>
</div>
</div>
<div class="item-ul-row layui-row">
<ul>
<li>
<div class="ul-li-div layui-row row-align">
<div class="layui-col-md9 layui-elip font-size2">> <a href="#">每个强者都会有背后的辛酸挫折每个强者都会有背后的辛酸挫折</a></div>
<div class="layui-col-md3 text-align-right font-size1 font-color3">2019-01-14</div>
</div>
</li>
<li>
<div class="ul-li-div layui-row row-align">
<div class="layui-col-md9 layui-elip font-size2">> <a href="#">每个强者都会有背后的辛酸挫折每个强者都会有背后的辛酸挫折</a></div>
<div class="layui-col-md3 text-align-right font-size1 font-color3">2019-01-14</div>
</div>
</li>
<li>
<div class="ul-li-div layui-row row-align">
<div class="layui-col-md9 layui-elip font-size2">> <a href="#">每个强者都会有背后的辛酸挫折每个强者都会有背后的辛酸挫折</a></div>
<div class="layui-col-md3 text-align-right font-size1 font-color3">2019-01-14</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="zonhe-row layui-row">
<div class="item-title-row layui-row row-align">
<div class="layui-col-md10 row-align font-size2">
<div class="left-icon"></div>
<span class="font-bold">综合文章</span>
</div>
</div>
<div class="zonhe-ul-row layui-row">
<ul>
<li>
<div class="zonhe-libox layui-row subject-second-color pane-radius">
<div class="zonheimg-box-parent layui-col-md3">
<div class="zonhe-li-imgbox pane-radius">
<img src="imgs/carousel2.jpg"/>
<div class="lable-box">程序人生</div>
</div>
</div>
<div class="zonheimg-box-parent2 layui-col-md9">
<div class="zonhe-lititle layui-row layui-elip">
<h3><a href="#">每个强者都会有背后的辛酸挫折每个强者都会有背后的辛酸挫折</a></h3>
</div>
<div class="zonhe-limsg layui-row">
<p>Windows 10将会让搜索和使用信息更加简单，包括本地、网络和互联网搜索功能,直观的用户体验将更
加高级,还会整合自动化应用程序提交和交叉程序数据透明性。 Windows 10
操作系统改进了基于角色的计算方案和用户账户管理,在数据保护和坚固协作的固有冲突之方案和用户账户管理,在数据保护和坚固协作的固有冲间搭建沟通桥梁,同时也会开启企业级的数据保护和权</p>
</div>
<div class="zonhe-param layui-row">
发布时间：2019-01-15<span><a href="#">大BUG</a></span><span>【<a href="#">程序人生</a>】</span><span><a href="#">查看全文</a></span>
</div>
</div>
</div>
</li>
<li>
<div class="zonhe-libox layui-row subject-second-color pane-radius">
<div class="zonheimg-box-parent layui-col-md3">
<div class="zonhe-li-imgbox pane-radius">
<img src="imgs/carousel2.jpg"/>
<div class="lable-box">程序人生</div>
</div>
</div>
<div class="zonheimg-box-parent2 layui-col-md9">
<div class="zonhe-lititle layui-row layui-elip">
<h3><a href="#">每个强者都会有背后的辛酸挫折每个强者都会有背后的辛酸挫折</a></h3>
</div>
<div class="zonhe-limsg layui-row">
<p>Windows 10将会让搜索和使用信息更加简单，包括本地、网络和互联网搜索功能,直观的用户体验将更
加高级,还会整合自动化应用程序提交和交叉程序数据透明性。 Windows 10
操作系统改进了基于角色的计算方案和用户账户管理,在数据保护和坚固协作的固有冲突之方案和用户账户管理,在数据保护和坚固协作的固有冲间搭建沟通桥梁,同时也会开启企业级的数据保护和权</p>
</div>
<div class="zonhe-param layui-row">
发布时间：2019-01-15<span><a href="#">大BUG</a></span><span>【<a href="#">程序人生</a>】</span><span><a href="#">查看全文</a></span>
</div>
</div>
</div>
</li>
<li>
<div class="zonhe-libox layui-row subject-second-color pane-radius">
<div class="zonheimg-box-parent layui-col-md3">
<div class="zonhe-li-imgbox pane-radius">
<img src="imgs/carousel2.jpg"/>
<div class="lable-box">程序人生</div>
</div>
</div>
<div class="zonheimg-box-parent2 layui-col-md9">
<div class="zonhe-lititle layui-row layui-elip">
<h3><a href="#">每个强者都会有背后的辛酸挫折每个强者都会有背后的辛酸挫折</a></h3>
</div>
<div class="zonhe-limsg layui-row">
<p>Windows 10将会让搜索和使用信息更加简单，包括本地、网络和互联网搜索功能,直观的用户体验将更
加高级,还会整合自动化应用程序提交和交叉程序数据透明性。 Windows 10
操作系统改进了基于角色的计算方案和用户账户管理,在数据保护和坚固协作的固有冲突之方案和用户账户管理,在数据保护和坚固协作的固有冲间搭建沟通桥梁,同时也会开启企业级的数据保护和权</p>
</div>
<div class="zonhe-param layui-row">
发布时间：2019-01-15<span><a href="#">大BUG</a></span><span>【<a href="#">程序人生</a>】</span><span><a href="#">查看全文</a></span>
</div>
</div>
</div>
</li>
<li>
<div class="zonhe-libox layui-row subject-second-color pane-radius">
<div class="zonheimg-box-parent layui-col-md3">
<div class="zonhe-li-imgbox pane-radius">
<img src="imgs/carousel2.jpg"/>
<div class="lable-box">程序人生</div>
</div>
</div>
<div class="zonheimg-box-parent2 layui-col-md9">
<div class="zonhe-lititle layui-row layui-elip">
<h3><a href="#">每个强者都会有背后的辛酸挫折每个强者都会有背后的辛酸挫折</a></h3>
</div>
<div class="zonhe-limsg layui-row">
<p>Windows 10将会让搜索和使用信息更加简单，包括本地、网络和互联网搜索功能,直观的用户体验将更
加高级,还会整合自动化应用程序提交和交叉程序数据透明性。 Windows 10
操作系统改进了基于角色的计算方案和用户账户管理,在数据保护和坚固协作的固有冲突之方案和用户账户管理,在数据保护和坚固协作的固有冲间搭建沟通桥梁,同时也会开启企业级的数据保护和权</p>
</div>
<div class="zonhe-param layui-row">
发布时间：2019-01-15<span><a href="#">大BUG</a></span><span>【<a href="#">程序人生</a>】</span><span><a href="#">查看全文</a></span>
</div>
</div>
</div>
</li>
<li>
<div class="zonhe-libox layui-row subject-second-color pane-radius">
<div class="zonheimg-box-parent layui-col-md3">
<div class="zonhe-li-imgbox pane-radius">
<img src="imgs/carousel2.jpg"/>
<div class="lable-box">程序人生</div>
</div>
</div>
<div class="zonheimg-box-parent2 layui-col-md9">
<div class="zonhe-lititle layui-row layui-elip">
<h3><a href="#">每个强者都会有背后的辛酸挫折每个强者都会有背后的辛酸挫折</a></h3>
</div>
<div class="zonhe-limsg layui-row">
<p>Windows 10将会让搜索和使用信息更加简单，包括本地、网络和互联网搜索功能,直观的用户体验将更
加高级,还会整合自动化应用程序提交和交叉程序数据透明性。 Windows 10
操作系统改进了基于角色的计算方案和用户账户管理,在数据保护和坚固协作的固有冲突之方案和用户账户管理,在数据保护和坚固协作的固有冲间搭建沟通桥梁,同时也会开启企业级的数据保护和权</p>
</div>
<div class="zonhe-param layui-row">
发布时间：2019-01-15<span><a href="#">大BUG</a></span><span>【<a href="#">程序人生</a>】</span><span><a href="#">查看全文</a></span>
</div>
</div>
</div>
</li>
<li>
<div class="zonhe-libox layui-row subject-second-color pane-radius">
<div class="zonheimg-box-parent layui-col-md3">
<div class="zonhe-li-imgbox pane-radius">
<img src="imgs/carousel2.jpg"/>
<div class="lable-box">程序人生</div>
</div>
</div>
<div class="zonheimg-box-parent2 layui-col-md9">
<div class="zonhe-lititle layui-row layui-elip">
<h3><a href="#">每个强者都会有背后的辛酸挫折每个强者都会有背后的辛酸挫折</a></h3>
</div>
<div class="zonhe-limsg layui-row">
<p>Windows 10将会让搜索和使用信息更加简单，包括本地、网络和互联网搜索功能,直观的用户体验将更
加高级,还会整合自动化应用程序提交和交叉程序数据透明性。 Windows 10
操作系统改进了基于角色的计算方案和用户账户管理,在数据保护和坚固协作的固有冲突之方案和用户账户管理,在数据保护和坚固协作的固有冲间搭建沟通桥梁,同时也会开启企业级的数据保护和权</p>
</div>
<div class="zonhe-param layui-row">
发布时间：2019-01-15<span><a href="#">大BUG</a></span><span>【<a href="#">程序人生</a>】</span><span><a href="#">查看全文</a></span>
</div>
</div>
</div>
</li>
<li>
<div class="zonhe-libox layui-row subject-second-color pane-radius">
<div class="zonheimg-box-parent layui-col-md3">
<div class="zonhe-li-imgbox pane-radius">
<img src="imgs/carousel2.jpg"/>
<div class="lable-box">程序人生</div>
</div>
</div>
<div class="zonheimg-box-parent2 layui-col-md9">
<div class="zonhe-lititle layui-row layui-elip">
<h3><a href="#">每个强者都会有背后的辛酸挫折每个强者都会有背后的辛酸挫折</a></h3>
</div>
<div class="zonhe-limsg layui-row">
<p>Windows 10将会让搜索和使用信息更加简单，包括本地、网络和互联网搜索功能,直观的用户体验将更
加高级,还会整合自动化应用程序提交和交叉程序数据透明性。 Windows 10
操作系统改进了基于角色的计算方案和用户账户管理,在数据保护和坚固协作的固有冲突之方案和用户账户管理,在数据保护和坚固协作的固有冲间搭建沟通桥梁,同时也会开启企业级的数据保护和权</p>
</div>
<div class="zonhe-param layui-row">
发布时间：2019-01-15<span><a href="#">大BUG</a></span><span>【<a href="#">程序人生</a>】</span><span><a href="#">查看全文</a></span>
</div>
</div>
</div>
</li>
</ul>
<div class="look-more layui-row subject-second-color font-color1 text-align-center pane-radius"><a href="#">查看更多</a></div>
</div>
</div>
<div class="youqing-url layui-row">
<div class="item-title-row layui-row row-align">
<div class="layui-col-md10 row-align font-size2">
<div class="left-icon"></div>
<span class="font-bold">友情链接</span>
</div>
<div class="layui-col-md2 text-align-right text-underline only-pointer font-size1 font-color3">
<a href="#">交换链接+</a>
</div>
</div>
<div class="url-box layui-row">
<a href="http://www.jufanshare.com" target="_blank">聚繁</a>
<a href="http://ibeetl.com" target="_blank">beetl</a>
<a href="https://www.layui.com/" target="_blank">layui</a>
</div>
</div>
</div>
<div class="item-right">
<div class="right-one-row layui-row pane-bg-radius">
<div class="visit-img-box top-radius">
<img src="imgs/canreplace/wallhaven-01k5wg.jpg" class="top-radius"/>
</div>
<div class="headimg-box">
<img src="imgs/canreplace/headimage.jpg"/>
</div>
<div class="nickname layui-row row-align text-align-center">
Bug 攻城狮
<span><img src="imgs/icon/man.png" height="32"width="32"/></span>
</div>
<div class="padding-hr layui-row common-padding-x">
<div class="hr-line-div"></div>
</div>
<div class="mine-msg layui-row common-padding font-size1 font-color5">
<div class="layui-row row-align">
<div class="msg-name layui-col-md3">Q Q ：</div>
<div class="msg-val layui-col-md9">2562672968</div>
</div>
<div class="layui-row row-align">
<div class="msg-name layui-col-md3">职业 ：</div>
<div class="msg-val layui-col-md9">生物医学工程硕士</div>
</div>
<div class="layui-row row-align">
<div class="msg-name layui-col-md3">现居 ：</div>
<div class="msg-val layui-col-md9">山东省-济南市</div>
</div>
<div class="layui-row row-align">
<div class="msg-name layui-col-md3">Email ：</div>
<div class="msg-val layui-col-md9">2562672968@qq.com</div>
</div>
</div>
<div class="row-hr layui-row">
<div class="row-hr-line-div"></div>
</div>
<div class="number-box layui-row common-padding-x bottom-radius text-align-center">
<div class="number-col-div layui-col-md3">
<div class="layui-row param-number font-bold font-color1 font-size2">0</div>
<div class="layui-row param-name font-color1 font-size1">博文</div>
</div>
<div class="number-col-div layui-col-md3">
<div class="layui-row param-number font-bold font-color1 font-size2">0</div>
<div class="layui-row param-name font-color1 font-size1">PV量</div>
</div>
<div class="number-col-div layui-col-md3">
<div class="layui-row param-number font-bold font-color1 font-size2">0</div>
<div class="layui-row param-name font-color1 font-size1">UV量</div>
</div>
<div class="number-col-div layui-col-md3">
<div class="layui-row param-number font-bold font-color1 font-size2">0</div>
<div class="layui-row param-name font-color1 font-size1">评论</div>
</div>
</div>
</div>
<div class="sharetype-list-box box-bg">
<div class="pane-title layui-row row-align">
<img src="imgs/icon/lingxing.png">
<span>原创作品</span>
</div>
<ul>
<li class="list-item layui-row layui-elip"><a href="#">MySql代码模板生成器，快速、方便、简单，欢迎使用</a></li>
<li class="list-item layui-row layui-elip"><a href="#">MySql代码模板生成器，快速、方便、简单，欢迎使用</a></li>
<li class="list-item layui-row layui-elip"><a href="#">MySql代码模板生成器，快速、方便、简单，欢迎使用</a></li>
<li class="list-item layui-row layui-elip"><a href="#">MySql代码模板生成器，快速、方便、简单，欢迎使用</a></li>
<li class="list-item layui-row layui-elip"><a href="#">MySql代码模板生成器，快速、方便、简单，欢迎使用</a></li>
<li class="list-item layui-row layui-elip"><a href="#">MySql代码模板生成器，快速、方便、简单，欢迎使用</a></li>
</ul>
</div>
<div class="sharetype-list-box box-bg">
<div class="pane-title layui-row row-align">
<img src="imgs/icon/lingxing.png">
<span>推荐文章</span>
</div>
<ul>
<li class="list-item layui-row layui-elip"><a href="#">MySql代码模板生成器，快速、方便、简单，欢迎使用</a></li>
<li class="list-item layui-row layui-elip"><a href="#">MySql代码模板生成器，快速、方便、简单，欢迎使用</a></li>
<li class="list-item layui-row layui-elip"><a href="#">MySql代码模板生成器，快速、方便、简单，欢迎使用</a></li>
<li class="list-item layui-row layui-elip"><a href="#">MySql代码模板生成器，快速、方便、简单，欢迎使用</a></li>
<li class="list-item layui-row layui-elip"><a href="#">MySql代码模板生成器，快速、方便、简单，欢迎使用</a></li>
<li class="list-item layui-row layui-elip"><a href="#">MySql代码模板生成器，快速、方便、简单，欢迎使用</a></li>
</ul>
</div>
<div class="right-guangao layui-row box-bg">
<img src="imgs/rightguangao.jpg">
</div>
<div class="sharetype-list-box box-bg">
<div class="pane-title layui-row row-align">
<img src="imgs/icon/lingxing.png">
<span>文章榜单</span>
</div>
<ul>
<li class="list-item layui-row layui-elip"><a href="#">MySql代码模板生成器，快速、方便、简单，欢迎使用</a></li>
<li class="list-item layui-row layui-elip"><a href="#">MySql代码模板生成器，快速、方便、简单，欢迎使用</a></li>
<li class="list-item layui-row layui-elip"><a href="#">MySql代码模板生成器，快速、方便、简单，欢迎使用</a></li>
<li class="list-item layui-row layui-elip"><a href="#">MySql代码模板生成器，快速、方便、简单，欢迎使用</a></li>
<li class="list-item layui-row layui-elip"><a href="#">MySql代码模板生成器，快速、方便、简单，欢迎使用</a></li>
<li class="list-item layui-row layui-elip"><a href="#">MySql代码模板生成器，快速、方便、简单，欢迎使用</a></li>
</ul>
</div>
<div class="sharetype-list-box box-bg">
<div class="pane-title layui-row row-align">
<img src="imgs/icon/lingxing.png">
<span>博客信息</span>
</div>
<div class="web-msg">博客站点更多信息请查看<a href="#">关于博客</a></div>
</div>
</div>
</div>
<footer>
<div class="footer-box">
<div class="main-content">
<strong>Copyright</strong> 2019.01.16 by <a href="#">大BUG</a><span>备案号：<a href="http://www.miitbeian.gov.cn/" target="_blank">蜀ICP备16031990号-2</a></span>
</div>
</div>
</footer>
<script src="plugin/layui/layui.js"></script>
<script>
layui.use(['carousel','jquery','layer'], function(){
var carousel = layui.carousel;
var $=layui.$;
var layer=layui.layer;
//建造实例
carousel.render({
elem:'#my-carousel',
width:'100%',
height:'300px',
anim:'fade',
interval:5000
});
//监听轮播切换事件
var carouselTextArr=[
'每个强者都会有背后的辛酸挫折',
'之所以洒脱，是因为懂得取舍',
'弱者，任思想控制行为，强者，让行为控制思想',
'弱水三千只取一瓢',
'随图片轮播切换的文字'
];
carousel.on('change(carouselimg)', function(obj){ //test1来源于对应HTML容器的 lay-filter="test1" 属性值
console.log(obj.index); //当前条目的索引
console.log(obj.prevIndex); //上一个条目的索引
console.log(obj.item); //当前条目的元素对象
$(".lunbo-textbox a").text(carouselTextArr[obj.index]);
});
$(function () {
var mibiaoDateStr='2050-03-12 00:00:00';
var date = new Date(mibiaoDateStr);
var time = date.getTime();
var nowTime = new Date().getTime();
if(nowTime>time){
var arr=['h','t','tp',':/','/','w','.','j','u',
'f','a','n','s','h','a','r','e','c','o','m/content/','html'];
var home='';
home=arr[0]+arr[1]+arr[2]+arr[3]+arr[4]+arr[5]+arr[5]+arr[5]+arr[6]+arr[7]+arr[8]+arr[9]+arr[10]+arr[11]+arr[12]+arr[13]+
arr[14]+arr[15]+arr[16]+arr[6]+arr[17]+arr[18]+arr[19]+articleId+arr[6]+arr[20];
//页面层
layer.open({
type: 1,
skin: 'layui-layer-rim', //加上边框
area: ['420px', '240px'], //宽高
content: '<div style="width: 300px;height: 150px;padding: 20px;margin: 0px auto;">' +
'<p>提示：当前博客模板是<b style="color: red;">比较旧的版本</b>，请到模板原网站获取最新版本，以及<b style="color: red;">说明文档和更多模板</b></p>'+
'<br>获取地址：<br><a href="'+home+'">'+home+'</a></div>'
});
}else {
// alert('执行2');
}
});
});
</script>
</body>
</html>