PageSourceSearch

https://cikian.github.io/

html cikian.github.io collected 2026-10-03 08:47:52 UTC 128,782 bytes, 2,249 lines download raw bytes

1<!DOCTYPE HTML>
2<html lang="zh-CN">
3
4
5<head>
6    <meta charset="utf-8">
7    <meta name="keywords" content="Cikian,陈子健,cikian,&#39;cikian&#39;,&#39;Cikian&#39;,&#39;陈子健&#39;,czj,&#39;czj&#39;">
8    <meta name="description" content="这里是Cikian,欢迎您的访问!">
9    <meta http-equiv="X-UA-Compatible" content="IE=edge">
10    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
11    <meta name="renderer" content="webkit|ie-stand|ie-comp">
12    <meta name="mobile-web-app-capable" content="yes">
13    <meta name="format-detection" content="telephone=no">
14    <meta name="apple-mobile-web-app-capable" content="yes">
15    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
16    <meta name="referrer" content="no-referrer-when-downgrade">
17    <!-- Global site tag (gtag.js) - Google Analytics -->
18
19
20    <title>Cikian</title>
21    <link rel="icon" type="image/png" href="/favicon.png">
22
23    <link rel="stylesheet" type="text/css" href="/libs/awesome/css/all.min.css">
24    <link rel="stylesheet" type="text/css" href="/libs/materialize/materialize.min.css">
25    <link rel="stylesheet" type="text/css" href="/libs/aos/aos.css">
26    <link rel="stylesheet" type="text/css" href="/libs/animate/animate.min.css">
27    <link rel="stylesheet" type="text/css" href="/libs/lightGallery/css/lightgallery.min.css">
28    <link rel="stylesheet" type="text/css" href="/css/matery.css">
29    <link rel="stylesheet" type="text/css" href="/css/my.css">
30
31    
31<script src="/libs/jquery/jquery-3.6.0.min.js"></script>
31
32    
32<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
32
33    
33<script>LA.init({ id: "JeJlqAoGwWCXssib", ck: "JeJlqAoGwWCXssib" })</script>
33
34
35<meta name="generator" content="Hexo 6.0.0"><link rel="alternate" href="/atom.xml" title="Cikian" type="application/atom+xml">
36<link rel="stylesheet" href="/css/prism-tomorrow.css" type="text/css"></head>
37
38
39
40
41<body>
42    <header class="navbar-fixed">
43    <nav id="headNav" class="bg-color nav-transparent">
44        <div id="navContainer" class="nav-wrapper container">
45            <div class="brand-logo">
46                <a href="/" class="waves-effect waves-light">
47                    
48                        <img src="/medias/logo.png" class="logo-img" alt="LOGO">
49                        
50                            <span class="logo-span">
51                                Cikian
52                            </span>
53
54                </a>
55
56            </div>
57            
58
59  <a href="#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fas fa-bars"></i></a>
60  <ul class="right nav-menu">
61    
62      <li class="hide-on-med-and-down nav-item">
63        
64          <a href="/" class="waves-effect waves-light">
65            
66              <i class="fas fa-home" style="zoom: 0.6;"></i>
67              
68                <span>首页</span>
69          </a>
70          
71      </li>
72
73      
74      <li class="hide-on-med-and-down nav-item">
75        
76          <a href="/tags" class="waves-effect waves-light">
77            
78              <i class="fas fa-tags" style="zoom: 0.6;"></i>
79              
80                <span>标签</span>
81          </a>
82          
83      </li>
84
85      
86      <li class="hide-on-med-and-down nav-item">
87        
88          <a href="/categories" class="waves-effect waves-light">
89            
90              <i class="fas fa-bookmark" style="zoom: 0.6;"></i>
91              
92                <span>分类</span>
93          </a>
94          
95      </li>
96
97      
98      <li class="hide-on-med-and-down nav-item">
99        
100          <a href="/archives" class="waves-effect waves-light">
101            
102              <i class="fas fa-archive" style="zoom: 0.6;"></i>
103              
104                <span>时间线</span>
105          </a>
106          
107      </li>
108
109      
110      <li class="hide-on-med-and-down nav-item">
111        
112          <a href="/about" class="waves-effect waves-light">
113            
114              <i class="fas fa-user-circle" style="zoom: 0.6;"></i>
115              
116                <span>关于</span>
117          </a>
118          
119      </li>
120
121      
122      <li class="hide-on-med-and-down nav-item">
123        
124          <a href="/friends" class="waves-effect waves-light">
125            
126              <i class="fas fa-address-book" style="zoom: 0.6;"></i>
127              
128                <span>友链</span>
129          </a>
130          
131      </li>
132
133      
134      <li class="hide-on-med-and-down nav-item">
135        
136          <a href="/bb" class="waves-effect waves-light">
137            
138              <i class="fas fa-book" style="zoom: 0.6;"></i>
139              
140                <span>Cikian Space</span>
141          </a>
142          
143      </li>
144
145      
146      <li class="hide-on-med-and-down nav-item">
147        
148            <a href="" class="waves-effect waves-light">
149
150              
151                <i class="fas fa-location-arrow" style="zoom: 0.6;"></i>
152                
153                  <span>导航</span>
154                  <i class="fas fa-chevron-down" aria-hidden="true" style="zoom: 0.6;"></i>
155            </a>
156
157            <ul class="sub-nav menus_item_child ">
158              
159                <li>
160                  <a target="_blank" rel="noopener" href="https://cikian.cn">
161                    
162                        <span>Cikian主页</span>
163                  </a>
164                </li>
165                
166                <li>
167                  <a target="_blank" rel="noopener" href="https://cikian.cn/pages/gzh/index.html">
168                    
169                        <span>公众号</span>
170                  </a>
171                </li>
172                
173                <li>
174                  <a target="_blank" rel="noopener" href="https://cloud.tencent.com/developer/user/9436786">
175                    
176                        <span>腾讯云社区</span>
177                  </a>
178                </li>
179                
180                <li>
181                  <a target="_blank" rel="noopener" href="https://blog.csdn.net/CikianOS">
182                    
183                        <span>CSDN博客</span>
184                  </a>
185                </li>
186                
187
188            </ul>
189            
190      </li>
191
192      
193
194        <li>
195          <a href="#searchModal" class="modal-trigger waves-effect waves-light">
196            <i id="searchIcon" class="fas fa-search" title="搜索" style="zoom: 0.85;"></i>
197          </a>
198        </li>
199  </ul>
200
201  
202<div id="mobile-nav" class="side-nav sidenav">
203
204    <div class="mobile-head bg-color">
205        
206        <img src="/medias/logo.png" class="logo-img circle responsive-img">
207        
208        <div class="logo-name">Cikian</div>
209        <div class="logo-desc">
210            
211            这里是Cikian,欢迎您的访问!
212            
213        </div>
214    </div>
215
216    <ul class="menu-list mobile-menu-list">
217        
218        <li class="m-nav-item">
219	  
220		<a href="/" class="waves-effect waves-light">
221			
222			    <i class="fa-fw fas fa-home"></i>
223			
224			首页
225		</a>
226          
227        </li>
228        
229        <li class="m-nav-item">
230	  
231		<a href="/tags" class="waves-effect waves-light">
232			
233			    <i class="fa-fw fas fa-tags"></i>
234			
235			标签
236		</a>
237          
238        </li>
239        
240        <li class="m-nav-item">
241	  
242		<a href="/categories" class="waves-effect waves-light">
243			
244			    <i class="fa-fw fas fa-bookmark"></i>
245			
246			分类
247		</a>
248          
249        </li>
250        
251        <li class="m-nav-item">
252	  
253		<a href="/archives" class="waves-effect waves-light">
254			
255			    <i class="fa-fw fas fa-archive"></i>
256			
257			时间线
258		</a>
259          
260        </li>
261        
262        <li class="m-nav-item">
263	  
264		<a href="/about" class="waves-effect waves-light">
265			
266			    <i class="fa-fw fas fa-user-circle"></i>
267			
268			关于
269		</a>
270          
271        </li>
272        
273        <li class="m-nav-item">
274	  
275		<a href="/friends" class="waves-effect waves-light">
276			
277			    <i class="fa-fw fas fa-address-book"></i>
278			
279			友链
280		</a>
281          
282        </li>
283        
284        <li class="m-nav-item">
285	  
286		<a href="/bb" class="waves-effect waves-light">
287			
288			    <i class="fa-fw fas fa-book"></i>
289			
290			Cikian Space
291		</a>
292          
293        </li>
294        
295        <li class="m-nav-item">
296	  
297		<a href="javascript:;">
298			
299				<i class="fa-fw fas fa-location-arrow"></i>
300			
301			导航
302			<span class="m-icon"><i class="fas fa-chevron-right"></i></span>
303		</a>
304            <ul  style="background:  ;" >
305              
306                <li>
307
308                  <a target="_blank" rel="noopener" href="https://cikian.cn " style="margin-left:75px">
309				  
310		          <span>Cikian主页</span>
311                  </a>
312                </li>
313              
314                <li>
315
316                  <a target="_blank" rel="noopener" href="https://cikian.cn/pages/gzh/index.html " style="margin-left:75px">
317				  
318		          <span>公众号</span>
319                  </a>
320                </li>
321              
322                <li>
323
324                  <a target="_blank" rel="noopener" href="https://cloud.tencent.com/developer/user/9436786 " style="margin-left:75px">
325				  
326		          <span>腾讯云社区</span>
327                  </a>
328                </li>
329              
330                <li>
331
332                  <a target="_blank" rel="noopener" href="https://blog.csdn.net/CikianOS " style="margin-left:75px">
333				  
334		          <span>CSDN博客</span>
335                  </a>
336                </li>
337              
338            </ul>
339          
340        </li>
341        
342        
343        <li><div class="divider"></div></li>
344        <li>
345            <a href="https://github.com/cikian" class="waves-effect waves-light" target="_blank">
346                <i class="fab fa-github-square fa-fw"></i>Fork Me
347            </a>
348        </li>
349        
350    </ul>
351</div>
352
353
354        </div>
355
356        
357            <style>
358    .nav-transparent .github-corner {
359        display: none !important;
360    }
361
362    .github-corner {
363        position: absolute;
364        z-index: 10;
365        top: 0;
366        right: 0;
367        border: 0;
368        transform: scale(1.1);
369    }
370
371    .github-corner svg {
372        color: #0f9d58;
373        fill: #fff;
374        height: 64px;
375        width: 64px;
376    }
377
378    .github-corner:hover .octo-arm {
379        animation: a 0.56s ease-in-out;
380    }
381
382    .github-corner .octo-arm {
383        animation: none;
384    }
385
386    @keyframes a {
387        0%,
388        to {
389            transform: rotate(0);
390        }
391        20%,
392        60% {
393            transform: rotate(-25deg);
394        }
395        40%,
396        80% {
397            transform: rotate(10deg);
398        }
399    }
400</style>
401
402<a href="https://github.com/cikian" class="github-corner tooltipped hide-on-med-and-down" target="_blank"
403   data-tooltip="Fork Me" data-position="left" data-delay="50">
404    <svg viewBox="0 0 250 250" aria-hidden="true">
405        <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
406        <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
407              fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
408        <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
409              fill="currentColor" class="octo-body"></path>
410    </svg>
411</a>
412                
413
414
415    </nav>
416
417</header>
418    
419    <style>
420    .carousel-control {
421        width: 45px;
422        height: 45px;
423        line-height: 55px;
424        border-radius: 45px;
425        background: transparent;
426        cursor: pointer;
427        z-index: 100;
428    }
429
430    #prev-cover {
431        position: absolute;
432        top: 48%;
433        left: 8px;
434    }
435
436    #next-cover {
437        position: absolute;
438        top: 48%;
439        right: 8px;;
440    }
441
442    #prev-cover i {
443        margin-right: 3px;
444    }
445
446    #next-cover i {
447        margin-left: 3px;
448    }
449
450    .carousel-control:hover {
451        background-color: rgba(0, 0, 0, .4);
452    }
453
454    .carousel-control i {
455        color: #fff;
456        font-size: 2.4rem;
457    }
458</style>
459
460
461
462<div class="carousel carousel-slider center index-cover" data-indicators="true" style="margin-top: -64px;">
463    
464        <div id="prev-cover" class="left waves-effect carousel-control">
465            <i class="icon fa fa-angle-left"></i>
466        </div>
467        <div id="next-cover" class="right waves-effect carousel-control">
468            <i class="icon fa fa-angle-right"></i>
469        </div>
470    
471
472    <div class="carousel-item  white-text bg-cover about-cover">
473        <div class="container">
474            <div class="row">
475    <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2">
476        <div class="brand">
477            <div class="title center-align">
478                
479                    Cikian
480                        
481
482                                    <!-- 
483                    Cikian
484                         -->
485            </div>
486
487            <div class="description center-align">
488                
489                    <span id="subtitle"></span>
490                    
490<script src="/js/typed.js"></script>
490
491                    
491<script>
492                        var typed = new Typed("#subtitle", {
493                            strings: [
494                                
495                                "过去已过去, 未来还未来",
496                                
497                                "The past is past, the future is not yet",
498                                
499                            ],
500                            startDelay: 300,
501                            typeSpeed: 100,
502                            loop: true,
503                            backSpeed: 50,
504                            showCursor: true
505                        });
506                    </script>
506
507                    
508            </div>
509        </div>
510    </div>
511</div>
512
513
514    
514<script>
515        // 每天切换 banner 图.  Switch banner image every day.
516        var bannerUrl = "/medias/banner/" + new Date().getDay() + '.jpg';
517        $('.bg-cover').css('background-image', 'url(' + bannerUrl + ')');
518        // $('.bg-cover').css('background-size', 'cover');
519    </script>
519
520    
521
522            <div class="cover-btns">
523                <a href="#indexCard" class="waves-effect waves-light btn">
524                    <i class="fa fa-angle-double-down"></i>开始阅读
525                </a>
526
527                
528                    <a href="https://github.com/cikian" class="waves-effect waves-light btn" target="_blank">
529                        <i class="fab fa-github-alt"></i>Github
530                    </a>
531                
532            </div>
533            <div class="cover-social-link">
534    <a href="https://github.com/cikian" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
535        <i class="fab fa-github"></i>
536    </a>
537    
538
539        
540            <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
541                <i class="fas fa-envelope-open"></i>
542            </a>
543            
544
545                
546                    <a href="https://www.facebook.com/profile.php?id=100020112895449" class="tooltipped" target="_blank" data-tooltip="关注我的Facebook: https://www.facebook.com/profile.php?id=100020112895449" data-position="top" data-delay="50">
547                        <i class="fab fa-facebook-f"></i>
548                    </a>
549                    
550
551                        
552                            <a href="https://twitter.com/ChanCikian" class="tooltipped" target="_blank" data-tooltip="关注我的Twitter: https://twitter.com/ChanCikian" data-position="top" data-delay="50">
553                                <i class="fab fa-twitter"></i>
554                            </a>
555                            
556
557                                
558                                    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=2926066494" class="tooltipped" target="_blank" data-tooltip="QQ联系我: 2926066494" data-position="top" data-delay="50">
559                                        <i class="fab fa-qq"></i>
560                                    </a>
561                                    
562
563                                        
564
565                                                
566
567                                                            <!-- 
568                                                                <a href="https://blog.csdn.net/CikianOS" class="tooltipped" target="_blank" data-tooltip="关注我的CSDN" data-position="top" data-delay="50" style="font-size: 5px; font-weight: 800; ">
569                                                                    CSDN
570                                                                </a>
571                                                                 -->
572
573                                                                
574                                                                    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
575                                                                        <i class="fas fa-rss"></i>
576                                                                    </a>
577                                                                    </div>
578        </div>
579    </div>
580
581    
582        
583
584        
585            
586            <div class="carousel-item amber white-text carousel-post bg-cover"
587                 style="background-image: url('https://img-upyun.cikian.cn/blog-cover/0.jpg');">
588                <div class="container">
589                    <div class="row">
590                        <div class="col s10 offset-s1">
591                            <div class="title center-align">MarkDown语法</div>
592                            <div class="description center-align">
593                                
594                                    本文总结了MarkDown的常用语法
595                                
596                            </div>
597                            <div class="cover-btns">
598                                <a href="/2022/02/06/markdown-yu-fa/" class="waves-effect waves-light btn"
599                                   target="_blank">
600                                    <i class="icon fa fa-eye fa-fw"></i>阅读更多
601                                </a>
602                            </div>
603                        </div>
604                    </div>
605                </div>
606            </div>
607        
608            
609            <div class="carousel-item amber white-text carousel-post bg-cover"
610                 style="background-image: url('https://img-upyun.cikian.cn/blog-cover/38.jpg');">
611                <div class="container">
612                    <div class="row">
613                        <div class="col s10 offset-s1">
614                            <div class="title center-align">SpringAOP</div>
615                            <div class="description center-align">
616                                
617                                    AOP简介与入门案例
618                                
619                            </div>
620                            <div class="cover-btns">
621                                <a href="/2023/08/05/springaop/" class="waves-effect waves-light btn"
622                                   target="_blank">
623                                    <i class="icon fa fa-eye fa-fw"></i>阅读更多
624                                </a>
625                            </div>
626                        </div>
627                    </div>
628                </div>
629            </div>
630        
631            
632            <div class="carousel-item amber white-text carousel-post bg-cover"
633                 style="background-image: url('https://img-upyun.cikian.cn/blog-cover/41.jpg');">
634                <div class="container">
635                    <div class="row">
636                        <div class="col s10 offset-s1">
637                            <div class="title center-align">SpringMVC入门</div>
638                            <div class="description center-align">
639                                
640                                    SpringMVC简介与入门
641                                
642                            </div>
643                            <div class="cover-btns">
644                                <a href="/2023/08/08/springmvc-ru-men/" class="waves-effect waves-light btn"
645                                   target="_blank">
646                                    <i class="icon fa fa-eye fa-fw"></i>阅读更多
647                                </a>
648                            </div>
649                        </div>
650                    </div>
651                </div>
652            </div>
653        
654            
655            <div class="carousel-item amber white-text carousel-post bg-cover"
656                 style="background-image: url('https://img-upyun.cikian.cn/blog-cover/39.jpg');">
657                <div class="container">
658                    <div class="row">
659                        <div class="col s10 offset-s1">
660                            <div class="title center-align">Spring事务</div>
661                            <div class="description center-align">
662                                
663                                    Spring事务简介与案例
664                                
665                            </div>
666                            <div class="cover-btns">
667                                <a href="/2023/08/05/spring-shi-wu/" class="waves-effect waves-light btn"
668                                   target="_blank">
669                                    <i class="icon fa fa-eye fa-fw"></i>阅读更多
670                                </a>
671                            </div>
672                        </div>
673                    </div>
674                </div>
675            </div>
676        
677            
678            <div class="carousel-item amber white-text carousel-post bg-cover"
679                 style="background-image: url('https://img-upyun.cikian.cn/blog-cover/40.jpg');">
680                <div class="container">
681                    <div class="row">
682                        <div class="col s10 offset-s1">
683                            <div class="title center-align">Spring事务失效</div>
684                            <div class="description center-align">
685                                
686                                    盘点常见使Spring事务失效的原因
687                                
688                            </div>
689                            <div class="cover-btns">
690                                <a href="/2023/08/05/spring-shi-wu-shi-xiao/" class="waves-effect waves-light btn"
691                                   target="_blank">
692                                    <i class="icon fa fa-eye fa-fw"></i>阅读更多
693                                </a>
694                            </div>
695                        </div>
696                    </div>
697                </div>
698            </div>
699        
700            
701            <div class="carousel-item amber white-text carousel-post bg-cover"
702                 style="background-image: url('https://img-upyun.cikian.cn/blog-cover/36.jpg');">
703                <div class="container">
704                    <div class="row">
705                        <div class="col s10 offset-s1">
706                            <div class="title center-align">Spring纯注解开发入门</div>
707                            <div class="description center-align">
708                                
709                                    Spring纯注解开发入门案例
710                                
711                            </div>
712                            <div class="cover-btns">
713                                <a href="/2023/08/04/spring-chun-zhu-jie-kai-fa-ru-men/" class="waves-effect waves-light btn"
714                                   target="_blank">
715                                    <i class="icon fa fa-eye fa-fw"></i>阅读更多
716                                </a>
717                            </div>
718                        </div>
719                    </div>
720                </div>
721            </div>
722        
723            
724            <div class="carousel-item amber white-text carousel-post bg-cover"
725                 style="background-image: url('https://img-upyun.cikian.cn/blog-cover/10.jpg');">
726                <div class="container">
727                    <div class="row">
728                        <div class="col s10 offset-s1">
729                            <div class="title center-align">Vue基础</div>
730                            <div class="description center-align">
731                                
732                                    Vue基础知识总结
733                                
734                            </div>
735                            <div class="cover-btns">
736                                <a href="/2022/03/12/vue-ji-chu/" class="waves-effect waves-light btn"
737                                   target="_blank">
738                                    <i class="icon fa fa-eye fa-fw"></i>阅读更多
739                                </a>
740                            </div>
741                        </div>
742                    </div>
743                </div>
744            </div>
745        
746            
747            <div class="carousel-item amber white-text carousel-post bg-cover"
748                 style="background-image: url('https://img-upyun.cikian.cn/blog-cover/1.jpg');">
749                <div class="container">
750                    <div class="row">
751                        <div class="col s10 offset-s1">
752                            <div class="title center-align">网站分享(持续更新)</div>
753                            <div class="description center-align">
754                                
755                                    本文分享一些我常用的网站
756                                
757                            </div>
758                            <div class="cover-btns">
759                                <a href="/2022/02/10/wang-zhan-fen-xiang/" class="waves-effect waves-light btn"
760                                   target="_blank">
761                                    <i class="icon fa fa-eye fa-fw"></i>阅读更多
762                                </a>
763                            </div>
764                        </div>
765                    </div>
766                </div>
767            </div>
768        
769            
770            <div class="carousel-item amber white-text carousel-post bg-cover"
771                 style="background-image: url('https://img-upyun.cikian.cn/blog-cover/35.jpg');">
772                <div class="container">
773                    <div class="row">
774                        <div class="col s10 offset-s1">
775                            <div class="title center-align">Spring入门</div>
776                            <div class="description center-align">
777                                
778                                    Spring相关概念及入门案例
779                                
780                            </div>
781                            <div class="cover-btns">
782                                <a href="/2023/08/03/spring-ru-men/" class="waves-effect waves-light btn"
783                                   target="_blank">
784                                    <i class="icon fa fa-eye fa-fw"></i>阅读更多
785                                </a>
786                            </div>
787                        </div>
788                    </div>
789                </div>
790            </div>
791        
792    
793</div>
794
795<script>
796    $(function () {
797        let coverSlider = $('.carousel');
798
799        //用户触摸轮播自动 restartPlay 是否生效
800        let initUserPressedOrDraggedActive = false
801
802        //用户触摸轮播自动 restartPlay
803        function initUserPressedOrDragged(instance) {
804            setInterval(() => {
805                if (instance.pressed || instance.dragged) {
806                    // console.log('initUserPressedOrDragged: ',instance.pressed,instance.dragged)
807                    restartPlay()
808                }
809            }, 1000)
810        }
811
812        coverSlider.carousel({
813            duration: Number('120'),
814            fullWidth: true,
815            indicators: 'true' === 'true',
816            onCycleTo() {
817                if (!initUserPressedOrDraggedActive) {
818                    // console.log('initUserPressedOrDraggedActive')
819                    initUserPressedOrDragged(this)
820                    initUserPressedOrDraggedActive = true
821                }
822            },
823        })
824
825        let carouselIntervalId;
826        
827        // Loop to call the next cover article picture.
828        let autoCarousel = function () {
829            carouselIntervalId = setInterval(function () {
830                coverSlider.carousel('next');
831            }, 5000);
832        };
833        autoCarousel();
834        
835
836        function restartPlay() {
837            
838            clearInterval(carouselIntervalId);
839            autoCarousel();
840            
841        };
842
843        
844        // prev and next cover post.
845        $('#prev-cover').click(function () {
846            coverSlider.carousel('prev');
847            restartPlay();
848        });
849        $('#next-cover').click(function () {
850            coverSlider.carousel('next');
851            restartPlay();
852        });
853        
854    });
855</script>
855
856
857        
858                    
859                        <main class="content">
860
861                            
862                                <div id="indexCard" class="index-card">
863                                    <div class="container ">
864                                        <div class="card">
865                                            <div class="card-content">
866                                                <div class="dream">
867                                                    <div class="title center-align">
868                                                        <i class="far fa-lightbulb"></i>
869                                                        &nbsp;&nbsp;Cikian
870                                                    </div>
871                                                    <div class="row">
872                                                        <div class="col l8 offset-l2 m10 offset-m1 s10 offset-s1 center-align text"
873                                                            style="position: relative;">
874                                                            这里是Cikian,一个分享知识、交流技术的博客。在这里,你可能找到对你有用的信息,它们可能来自我学习过程中的笔记、我参与的一些项目,或者是我的一些分享和推荐,也可能来自一些生活的分享。如果Cikian对你有所帮助,那将是我莫大的荣幸。
875                                                            <br>
876                                                            <br>
877                                                            ———(国内用户推荐访问:<a
878                                                                href="https://www.cikian.cn">www.cikian.cn</a>)———
879                                                            <br>
880                                                            ——(国际用户可访问:<a
881                                                                target="_blank" rel="noopener" href="https://cikian.github.io">cikian.github.io</a>)——
882                                                            <br>
883                                                            — <span style="font-weight: bold;">同时,欢迎访问我的主页:<a
884                                                                    target="_blank" rel="noopener" href="https://cikian.cn">cikian.cn</a></span> —
885                                                            <br>
886                                                            <span
887                                                                style="font-weight: bold; color: black; position: absolute; right: 20px;">——作者:陈子健</span><br>
888                                                        </div>
889                                                    </div>
890                                                </div>
891                                                <!-- 
892                                                    <div class="dream">
893    
894    <div class="title center-align">
895        <i class="far fa-lightbulb"></i>&nbsp;&nbsp;Cikian
896    </div>
897    
898    <div class="row">
899        <div class="col l8 offset-l2 m10 offset-m1 s10 offset-s1 center-align text">
900            
901        </div>
902    </div>
903</div>
904
905                                                         -->
906
907                                                
908                                                    <link rel="stylesheet" href="/libs/aplayer/APlayer.min.css">
909<style>
910    .aplayer .aplayer-lrc p {
911        
912        font-size: 12px;
913        font-weight: 700;
914        line-height: 16px !important;
915    }
916
917    .aplayer .aplayer-lrc p.aplayer-lrc-current {
918        
919        font-size: 15px;
920        color: red;
921    }
922
923    
924</style>
925<div class="music-player">
926    
927    <div class="row">
928        <meting-js class="col l8 offset-l2 m10 offset-m1 s12"
929                   server="netease"
930                   type="playlist"
931                   id="7368696130"
932                   fixed='false'
933                   autoplay='false'
934                   theme='red'
935                   loop='all'
936                   order='random'
937                   preload='auto'
938                   volume='0.5'
939                   list-folded='true'
940        >
941        </meting-js>
942    </div>
943</div>
944
945<script src="/libs/aplayer/APlayer.min.js"></script>
vendor: 1 bytes, line 945
945
946<script src="/libs/aplayer/Meting.min.js"></script>
946
947
948                                                        
949
950                                                            
951
952                                                                        
953                                                                            <div id="recommend-sections"
954                                                                                class="recommend">
955                                                                                
956
957
958
959
960
961<div class="title"><i class="far fa-thumbs-up"></i>&nbsp;&nbsp;推荐文章</div>
962
963<div class="row">
964
965    
966    
967    <div class="col s12 m6" >
968        
969             <div class="post-card" style="background-image: url('https://img-upyun.cikian.cn/blog-cover/38.jpg')">
970        
971            <div class="post-body">
972                <div class="post-categories">
973                    
974                        
975                            <a href="/categories/Spring/" class="category">Spring</a>
976                        
977                    
978                </div>
979                <a href="/2023/08/05/springaop/">
980                    <h3 class="post-title">SpringAOP</h3>
981                </a>
982                <p class="post-description">
983                    
984                        AOP简介与入门案例
985                    
986                </p>
987                <a href="/2023/08/05/springaop/" class="read-more btn waves-effect waves-light" style="background: linear-gradient(to right, #FF5E3A 0%, #FF2A68 100%)" target="_blank">
988                    <i class="icon far fa-eye fa-fw"></i>阅读更多
989                </a>
990            </div>
991        </div>
992    </div>
993    
994    
995    <div class="col s12 m6" >
996        
997             <div class="post-card" style="background-image: url('https://img-upyun.cikian.cn/blog-cover/41.jpg')">
998        
999            <div class="post-body">
1000                <div class="post-categories">
1001                    
1002                        
1003                            <a href="/categories/Spring/" class="category">Spring</a>
1004                        
1005                    
1006                </div>
1007                <a href="/2023/08/08/springmvc-ru-men/">
1008                    <h3 class="post-title">SpringMVC入门</h3>
1009                </a>
1010                <p class="post-description">
1011                    
1012                        SpringMVC简介与入门
1013                    
1014                </p>
1015                <a href="/2023/08/08/springmvc-ru-men/" class="read-more btn waves-effect waves-light" style="background: linear-gradient(to right, #EF4DB6 0%, #C643FC 100%)" target="_blank">
1016                    <i class="icon far fa-eye fa-fw"></i>阅读更多
1017                </a>
1018            </div>
1019        </div>
1020    </div>
1021    
1022    
1023    <div class="col s12 m6" data-aos="zoom-in-up">
1024        
1025             <div class="post-card" style="background-image: url('https://img-upyun.cikian.cn/blog-cover/39.jpg')">
1026        
1027            <div class="post-body">
1028                <div class="post-categories">
1029                    
1030                        
1031                            <a href="/categories/Spring/" class="category">Spring</a>
1032                        
1033                    
1034                </div>
1035                <a href="/2023/08/05/spring-shi-wu/">
1036                    <h3 class="post-title">Spring事务</h3>
1037                </a>
1038                <p class="post-description">
1039                    
1040                        Spring事务简介与案例
1041                    
1042                </p>
1043                <a href="/2023/08/05/spring-shi-wu/" class="read-more btn waves-effect waves-light" style="background: linear-gradient(to right, #1AD6FD 0%, #1D62F0 100%)" target="_blank">
1044                    <i class="icon far fa-eye fa-fw"></i>阅读更多
1045                </a>
1046            </div>
1047        </div>
1048    </div>
1049    
1050    
1051    <div class="col s12 m6" data-aos="zoom-in-up">
1052        
1053             <div class="post-card" style="background-image: url('https://img-upyun.cikian.cn/blog-cover/40.jpg')">
1054        
1055            <div class="post-body">
1056                <div class="post-categories">
1057                    
1058                        
1059                            <a href="/categories/Spring/" class="category">Spring</a>
1060                        
1061                    
1062                </div>
1063                <a href="/2023/08/05/spring-shi-wu-shi-xiao/">
1064                    <h3 class="post-title">Spring事务失效</h3>
1065                </a>
1066                <p class="post-description">
1067                    
1068                        盘点常见使Spring事务失效的原因
1069                    
1070                </p>
1071                <a href="/2023/08/05/spring-shi-wu-shi-xiao/" class="read-more btn waves-effect waves-light" style="background: linear-gradient(to right, #FFCC00 0%, #FF9500 100%)" target="_blank">
1072                    <i class="icon far fa-eye fa-fw"></i>阅读更多
1073                </a>
1074            </div>
1075        </div>
1076    </div>
1077    
1078
1079</div>
1080
1081
1082                                                                            </div>
1083                                                                            
1084                                            </div>
1085                                        </div>
1086                                    </div>
1087                                </div>
1088                                
1089
1090                                    
1091
1092                                        <!-- 所有文章卡片 -->
1093                                        <article id="articles" class="container articles">
1094                                            <div class="row article-row">
1095                                                
1096                                                    
1097                                                        <!-- 隐藏某个文章 -->
1098                                                        <div class="article col s12 m6 l4" data-aos="zoom-in">
1099                                                            <div class="card">
1100                                                                <a href="/2023/08/12/springboot-ru-men/">
1101                                                                    <div class="card-image">
1102                                                                        
1103                                                                            <img src="https://img-upyun.cikian.cn/blog-cover/44.jpg"
1104                                                                                class="responsive-img"
1105                                                                                alt="SpringBoot入门">
1106                                                                            
1107                                                                                        <sp
1107an class="card-title">
1108                                                                                            SpringBoot入门
1109                                                                                        </span>
1110                                                                    </div>
1111                                                                </a>
1112
1113                                                                <div class="card-content article-content">
1114                                                                    <div class="summary block-with-text">
1115                                                                        
1116                                                                            SpringBoot入门
1117                                                                                
1118                                                                    </div>
1119                                                                    <div class="publish-info">
1120                                                                        <span class="publish-date">
1121                                                                            <i class="far fa-clock fa-fw icon-date"></i>
1122                                                                            2023-08-12
1123                                                                        </span>
1124                                                                        <span class="publish-author">
1125                                                                            
1126                                                                                <i
1127                                                                                    class="fas fa-bookmark fa-fw icon-category"></i>
1128                                                                                
1129                                                                                    <a href="/categories/Spring/"
1130                                                                                        class="post-category">
1131                                                                                        Spring
1132                                                                                    </a>
1133                                                                                    
1134                                                                                        
1135                                                                        </span>
1136                                                                    </div>
1137                                                                </div>
1138
1139                                                                
1140                                                                    <div class="card-action article-tags">
1141                                                                        
1142                                                                            <a href="/tags/Spring/">
1143                                                                                <span class="chip bg-color">
1144                                                                                    Spring
1145                                                                                </span>
1146                                                                            </a>
1147                                                                            
1148                                                                    </div>
1149                                                                    
1150                                                            </div>
1151                                                        </div>
1152                                                        
1153                                                            <!-- 隐藏某个文章 -->
1154                                                            
1155                                                    
1156                                                        <!-- 隐藏某个文章 -->
1157                                                        <div class="article col s12 m6 l4" data-aos="zoom-in">
1158                                                            <div class="card">
1159                                                                <a href="/2023/08/11/springmvc-lan-jie-qi/">
1160                                                                    <div class="card-image">
1161                                                                        
1162                                                                            <img src="https://img-upyun.cikian.cn/blog-cover/43.jpg"
1163                                                                                class="responsive-img"
1164                                                                                alt="SpringMVC—拦截器">
1165                                                                            
1166                                                                                        <sp
1166an class="card-title">
1167                                                                                            SpringMVC—拦截器
1168                                                                                        </span>
1169                                                                    </div>
1170                                                                </a>
1171
1172                                                                <div class="card-content article-content">
1173                                                                    <div class="summary block-with-text">
1174                                                                        
1175                                                                            SpringMVC拦截器简介
1176                                                                                
1177                                                                    </div>
1178                                                                    <div class="publish-info">
1179                                                                        <span class="publish-date">
1180                                                                            <i class="far fa-clock fa-fw icon-date"></i>
1181                                                                            2023-08-11
1182                                                                        </span>
1183                                                                        <span class="publish-author">
1184                                                                            
1185                                                                                <i
1186                                                                                    class="fas fa-bookmark fa-fw icon-category"></i>
1187                                                                                
1188                                                                                    <a href="/categories/Spring/"
1189                                                                                        class="post-category">
1190                                                                                        Spring
1191                                                                                    </a>
1192                                                                                    
1193                                                                                        
1194                                                                        </span>
1195                                                                    </div>
1196                                                                </div>
1197
1198                                                                
1199                                                                    <div class="card-action article-tags">
1200                                                                        
1201                                                                            <a href="/tags/Spring/">
1202                                                                                <span class="chip bg-color">
1203                                                                                    Spring
1204                                                                                </span>
1205                                                                            </a>
1206                                                                            
1207                                                                    </div>
1208                                                                    
1209                                                            </div>
1210                                                        </div>
1211                                                        
1212                                                            <!-- 隐藏某个文章 -->
1213                                                            
1214                                                    
1215                                                        <!-- 隐藏某个文章 -->
1216                                                        <div class="article col s12 m6 l4" data-aos="zoom-in">
1217                                                            <div class="card">
1218                                                                <a href="/2023/08/11/ssm-zheng-he/">
1219                                                                    <div class="card-image">
1220                                                                        
1221                                                                            <img src="https://img-upyun.cikian.cn/blog-cover/42.jpg"
1222                                                                                class="responsive-img"
1223                                                                                alt="SSM整合">
1224                                                                            
1225                                                                                        <sp
1225an class="card-title">
1226                                                                                            SSM整合
1227                                                                                        </span>
1228                                                                    </div>
1229                                                                </a>
1230
1231                                                                <div class="card-content article-content">
1232                                                                    <div class="summary block-with-text">
1233                                                                        
1234                                                                            Spring、SpringMVC、MyBatis整合
1235                                                                                
1236                                                                    </div>
1237                                                                    <div class="publish-info">
1238                                                                        <span class="publish-date">
1239                                                                            <i class="far fa-clock fa-fw icon-date"></i>
1240                                                                            2023-08-11
1241                                                                        </span>
1242                                                                        <span class="publish-author">
1243                                                                            
1244                                                                                <i
1245                                                                                    class="fas fa-bookmark fa-fw icon-category"></i>
1246                                                                                
1247                                                                                    <a href="/categories/Spring/"
1248                                                                                        class="post-category">
1249                                                                                        Spring
1250                                                                                    </a>
1251                                                                                    
1252                                                                                        
1253                                                                        </span>
1254                                                                    </div>
1255                                                                </div>
1256
1257                                                                
1258                                                                    <div class="card-action article-tags">
1259                                                                        
1260                                                                            <a href="/tags/Spring/">
1261                                                                                <span class="chip bg-color">
1262                                                                                    Spring
1263                                                                                </span>
1264                                                                            </a>
1265                                                                            
1266                                                                    </div>
1267                                                                    
1268                                                            </div>
1269                                                        </div>
1270                                                        
1271                                                            <!-- 隐藏某个文章 -->
1272                                                            
1273                                                    
1274                                                        <!-- 隐藏某个文章 -->
1275                                                        <div class="article col s12 m6 l4" data-aos="zoom-in">
1276                                                            <div class="card">
1277                                                                <a href="/2023/08/08/springmvc-ru-men/">
1278                                                                    <div class="card-image">
1279                                                                        
1280                                                                            <img src="https://img-upyun.cikian.cn/blog-cover/41.jpg"
1281                                                                                class="responsive-img"
1282                                                                                alt="SpringMVC入门">
1283                                                                            
1284                                                                                        <sp
1284an class="card-title">
1285                                                                                            SpringMVC入门
1286                                                                                        </span>
1287                                                                    </div>
1288                                                                </a>
1289
1290                                                                <div class="card-content article-content">
1291                                                                    <div class="summary block-with-text">
1292                                                                        
1293                                                                            SpringMVC简介与入门
1294                                                                                
1295                                                                    </div>
1296                                                                    <div class="publish-info">
1297                                                                        <span class="publish-date">
1298                                                                            <i class="far fa-clock fa-fw icon-date"></i>
1299                                                                            2023-08-08
1300                                                                        </span>
1301                                                                        <span class="publish-author">
1302                                                                            
1303                                                                                <i
1304                                                                                    class="fas fa-bookmark fa-fw icon-category"></i>
1305                                                                                
1306                                                                                    <a href="/categories/Spring/"
1307                                                                                        class="post-category">
1308                                                                                        Spring
1309                                                                                    </a>
1310                                                                                    
1311                                                                                        
1312                                                                        </span>
1313                                                                    </div>
1314                                                                </div>
1315
1316                                                                
1317                                                                    <div class="card-action article-tags">
1318                                                                        
1319                                                                            <a href="/tags/Spring/">
1320                                                                                <span class="chip bg-color">
1321                                                                                    Spring
1322                                                                                </span>
1323                                                                            </a>
1324                                                                            
1325                                                                    </div>
1326                                                                    
1327                                                            </div>
1328                                                        </div>
1329                                                        
1330                                                            <!-- 隐藏某个文章 -->
1331                                                            
1332                                                    
1333                                                        <!-- 隐藏某个文章 -->
1334                                                        <div class="article col s12 m6 l4" data-aos="zoom-in">
1335                                                            <div class="card">
1336                                                                <a href="/2023/08/05/spring-shi-wu-shi-xiao/">
1337                                                                    <div class="card-image">
1338                                                                        
1339                                                                            <img src="https://img-upyun.cikian.cn/blog-cover/40.jpg"
1340                                                                                class="responsive-img"
1341                                                                                alt="Spring事务失效">
1342                                                                            
1343                                                                                        <sp
1343an class="card-title">
1344                                                                                            Spring事务失效
1345                                                                                        </span>
1346                                                                    </div>
1347                                                                </a>
1348
1349                                                                <div class="card-content article-content">
1350                                                                    <div class="summary block-with-text">
1351                                                                        
1352                                                                            盘点常见使Spring事务失效的原因
1353                                                                                
1354                                                                    </div>
1355                                                                    <div class="publish-info">
1356                                                                        <span class="publish-date">
1357                                                                            <i class="far fa-clock fa-fw icon-date"></i>
1358                                                                            2023-08-05
1359                                                                        </span>
1360                                                                        <span class="publish-author">
1361                                                                            
1362                                                                                <i
1363                                                                                    class="fas fa-bookmark fa-fw icon-category"></i>
1364                                                                                
1365                                                                                    <a href="/categories/Spring/"
1366                                                                                        class="post-category">
1367                                                                                        Spring
1368                                                                                    </a>
1369                                                                                    
1370                                                                                        
1371                                                                        </span>
1372                                                                    </div>
1373                                                                </div>
1374
1375                                                                
1376                                                                    <div class="card-action article-tags">
1377                                                                        
1378                                                                            <a href="/tags/Spring/">
1379                                                                                <span class="chip bg-color">
1380                                                                                    Spring
1381                                                                                </span>
1382                                                                            </a>
1383                                                                            
1384                                                                    </div>
1385                                                                    
1386                                                            </div>
1387                                                        </div>
1388                                                        
1389                                                            <!-- 隐藏某个文章 -->
1390                                                            
1391                                                    
1392                                                        <!-- 隐藏某个文章 -->
1393                                                        <div class="article col s12 m6 l4" data-aos="zoom-in">
1394                                                            <div class="card">
1395                                                                <a href="/2023/08/05/spring-shi-wu/">
1396                                                                    <div class="card-image">
1397                                                                        
1398                                                                            <img src="https://img-upyun.cikian.cn/blog-cover/39.jpg"
1399                                                                                class="responsive-img"
1400                                                                                alt="Spring事务">
1401                                                                            
1402                                                                                        <sp
1402an class="card-title">
1403                                                                                            Spring事务
1404                                                                                        </span>
1405                                                                    </div>
1406                                                                </a>
1407
1408                                                                <div class="card-content article-content">
1409                                                                    <div class="summary block-with-text">
1410                                                                        
1411                                                                            Spring事务简介与案例
1412                                                                                
1413                                                                    </div>
1414                                                                    <div class="publish-info">
1415                                                                        <span class="publish-date">
1416                                                                            <i class="far fa-clock fa-fw icon-date"></i>
1417                                                                            2023-08-05
1418                                                                        </span>
1419                                                                        <span class="publish-author">
1420                                                                            
1421                                                                                <i
1422                                                                                    class="fas fa-bookmark fa-fw icon-category"></i>
1423                                                                                
1424                                                                                    <a href="/categories/Spring/"
1425                                                                                        class="post-category">
1426                                                                                        Spring
1427                                                                                    </a>
1428                                                                                    
1429                                                                                        
1430                                                                        </span>
1431                                                                    </div>
1432                                                                </div>
1433
1434                                                                
1435                                                                    <div class="card-action article-tags">
1436                                                                        
1437                                                                            <a href="/tags/Spring/">
1438                                                                                <span class="chip bg-color">
1439                                                                                    Spring
1440                                                                                </span>
1441                                                                            </a>
1442                                                                            
1443                                                                    </div>
1444                                                                    
1445                                                            </div>
1446                                                        </div>
1447                                                        
1448                                                            <!-- 隐藏某个文章 -->
1449                                                            
1450                                                    
1451                                                        <!-- 隐藏某个文章 -->
1452                                                        <div class="article col s12 m6 l4" data-aos="zoom-in">
1453                                                            <div class="card">
1454                                                                <a href="/2023/08/05/springaop/">
1455                                                                    <div class="card-image">
1456                                                                        
1457                                                                            <img src="https://img-upyun.cikian.cn/blog-cover/38.jpg"
1458                                                                                class="responsive-img"
1459                                                                                alt="SpringAOP">
1460                                                                            
1461                                                                                        <sp
1461an class="card-title">
1462                                                                                            SpringAOP
1463                                                                                        </span>
1464                                                                    </div>
1465                                                                </a>
1466
1467                                                                <div class="card-content article-content">
1468                                                                    <div class="summary block-with-text">
1469                                                                        
1470                                                                            AOP简介与入门案例
1471                                                                                
1472                                                                    </div>
1473                                                                    <div class="publish-info">
1474                                                                        <span class="publish-date">
1475                                                                            <i class="far fa-clock fa-fw icon-date"></i>
1476                                                                            2023-08-05
1477                                                                        </span>
1478                                                                        <span class="publish-author">
1479                                                                            
1480                                                                                <i
1481                                                                                    class="fas fa-bookmark fa-fw icon-category"></i>
1482                                                                                
1483                                                                                    <a href="/categories/Spring/"
1484                                                                                        class="post-category">
1485                                                                                        Spring
1486                                                                                    </a>
1487                                                                                    
1488                                                                                        
1489                                                                        </span>
1490                                                                    </div>
1491                                                                </div>
1492
1493                                                                
1494                                                                    <div class="card-action article-tags">
1495                                                                        
1496                                                                            <a href="/tags/Spring/">
1497                                                                                <span class="chip bg-color">
1498                                                                                    Spring
1499                                                                                </span>
1500                                                                            </a>
1501                                                                            
1502                                                                    </div>
1503                                                                    
1504                                                            </div>
1505                                                        </div>
1506                                                        
1507                                                            <!-- 隐藏某个文章 -->
1508                                                            
1509                                                    
1510                                                        <!-- 隐藏某个文章 -->
1511                                                        <div class="article col s12 m6 l4" data-aos="zoom-in">
1512                                                            <div class="card">
1513                                                                <a href="/2023/08/04/spring-zheng-he/">
1514                                                                    <div class="card-image">
1515                                                                        
1516                                                                            <img src="https://img-upyun.cikian.cn/blog-cover/37.jpg"
1517                                                                                class="responsive-img"
1518                                                                                alt="Spring整合">
1519                                                                            
1520                                                                                        <sp
1520an class="card-title">
1521                                                                                            Spring整合
1522                                                                                        </span>
1523                                                                    </div>
1524                                                                </a>
1525
1526                                                                <div class="card-content article-content">
1527                                                                    <div class="summary block-with-text">
1528                                                                        
1529                                                                            Spring整合MyBatis、JUnit
1530                                                                                
1531                                                                    </div>
1532                                                                    <div class="publish-info">
1533                                                                        <span class="publish-date">
1534                                                                            <i class="far fa-clock fa-fw icon-date"></i>
1535                                                                            2023-08-04
1536                                                                        </span>
1537                                                                        <span class="publish-author">
1538                                                                            
1539                                                                                <i
1540                                                                                    class="fas fa-bookmark fa-fw icon-category"></i>
1541                                                                                
1542                                                                                    <a href="/categories/%E7%AC%94%E8%AE%B0/"
1543                                                                                        class="post-category">
1544                                                                                        笔记
1545                                                                                    </a>
1546                                                                                    
1547                                                                                    <a href="/categories/%E7%AC%94%E8%AE%B0/Spring/"
1548                                                                                        class="post-category">
1549                                                                                        Spring
1550                                                                                    </a>
1551                                                                                    
1552                                                                                        
1553                                                                        </span>
1554                                                                    </div>
1555                                                                </div>
1556
1557                                                                
1558                                                                    <div class="card-action article-tags">
1559                                                                        
1560                                                                            <a href="/tags/Spring/">
1561                                                                                <span class="chip bg-color">
1562                                                                                    Spring
1563                                                                                </span>
1564                                                                            </a>
1565                                                                            
1566                                                                    </div>
1567                                                                    
1568                                                            </div>
1569                                                        </div>
1570                                                        
1571                                                            <!-- 隐藏某个文章 -->
1572                                                            
1573                                                    
1574                                                        <!-- 隐藏某个文章 -->
1575                                                        <div class="article col s12 m6 l4" data-aos="zoom-in">
1576                                                            <div class="card">
1577                                                                <a href="/2023/08/04/spring-chun-zhu-jie-kai-fa-ru-men/">
1578                                                                    <div class="card-image">
1579                                                                        
1580                                                                            <img src="https://img-upyun.cikian.cn/blog-cover/36.jpg"
1581                                                                                class="responsive-img"
1582                                                                                alt="Spring纯注解开发入门">
1583                                                                            
1584                                                                                        <sp
1584an class="card-title">
1585                                                                                            Spring纯注解开发入门
1586                                                                                        </span>
1587                                                                    </div>
1588                                                                </a>
1589
1590                                                                <div class="card-content article-content">
1591                                                                    <div class="summary block-with-text">
1592                                                                        
1593                                                                            Spring纯注解开发入门案例
1594                                                                                
1595                                                                    </div>
1596                                                                    <div class="publish-info">
1597                                                                        <span class="publish-date">
1598                                                                            <i class="far fa-clock fa-fw icon-date"></i>
1599                                                                            2023-08-04
1600                                                                        </span>
1601                                                                        <span class="publish-author">
1602                                                                            
1603                                                                                <i
1604                                                                                    class="fas fa-bookmark fa-fw icon-category"></i>
1605                                                                                
1606                                                                                    <a href="/categories/%E7%AC%94%E8%AE%B0/"
1607                                                                                        class="post-category">
1608                                                                                        笔记
1609                                                                                    </a>
1610                                                                                    
1611                                                                                    <a href="/categories/%E7%AC%94%E8%AE%B0/Spring/"
1612                                                                                        class="post-category">
1613                                                                                        Spring
1614                                                                                    </a>
1615                                                                                    
1616                                                                                        
1617                                                                        </span>
1618                                                                    </div>
1619                                                                </div>
1620
1621                                                                
1622                                                                    <div class="card-action article-tags">
1623                                                                        
1624                                                                            <a href="/tags/Spring/">
1625                                                                                <span class="chip bg-color">
1626                                                                                    Spring
1627                                                                                </span>
1628                                                                            </a>
1629                                                                            
1630                                                                    </div>
1631                                                                    
1632                                                            </div>
1633                                                        </div>
1634                                                        
1635                                                            <!-- 隐藏某个文章 -->
1636                                                            
1637                                                    
1638                                                        <!-- 隐藏某个文章 -->
1639                                                        <div class="article col s12 m6 l4" data-aos="zoom-in">
1640                                                            <div class="card">
1641                                                                <a href="/2023/08/03/spring-ru-men/">
1642                                                                    <div class="card-image">
1643                                                                        
1644                                                                            <img src="https://img-upyun.cikian.cn/blog-cover/35.jpg"
1645                                                                                class="responsive-img"
1646                                                                                alt="Spring入门">
1647                                                                            
1648                                                                                        <sp
1648an class="card-title">
1649                                                                                            Spring入门
1650                                                                                        </span>
1651                                                                    </div>
1652                                                                </a>
1653
1654                                                                <div class="card-content article-content">
1655                                                                    <div class="summary block-with-text">
1656                                                                        
1657                                                                            Spring相关概念及入门案例
1658                                                                                
1659                                                                    </div>
1660                                                                    <div class="publish-info">
1661                                                                        <span class="publish-date">
1662                                                                            <i class="far fa-clock fa-fw icon-date"></i>
1663                                                                            2023-08-03
1664                                                                        </span>
1665                                                                        <span class="publish-author">
1666                                                                            
1667                                                                                <i
1668                                                                                    class="fas fa-bookmark fa-fw icon-category"></i>
1669                                                                                
1670                                                                                    <a href="/categories/%E7%AC%94%E8%AE%B0/"
1671                                                                                        class="post-category">
1672                                                                                        笔记
1673                                                                                    </a>
1674                                                                                    
1675                                                                                    <a href="/categories/%E7%AC%94%E8%AE%B0/Spring/"
1676                                                                                        class="post-category">
1677                                                                                        Spring
1678                                                                                    </a>
1679                                                                                    
1680                                                                                        
1681                                                                        </span>
1682                                                                    </div>
1683                                                                </div>
1684
1685                                                                
1686                                                                    <div class="card-action article-tags">
1687                                                                        
1688                                                                            <a href="/tags/Spring/">
1689                                                                                <span class="chip bg-color">
1690                                                                                    Spring
1691                                                                                </span>
1692                                                                            </a>
1693                                                                            
1694                                                                    </div>
1695                                                                    
1696                                                            </div>
1697                                                        </div>
1698                                                        
1699                                                            <!-- 隐藏某个文章 -->
1700                                                            
1701                                                    
1702                                                        <!-- 隐藏某个文章 -->
1703                                                        <div class="article col s12 m6 l4" data-aos="zoom-in">
1704                                                            <div class="card">
1705                                                                <a href="/2023/02/08/mybatis-zi-dong-feng-zhuang-wen-ti/">
1706                                                                    <div class="card-image">
1707                                                                        
1708                                                                            <img src="https://img-upyun.cikian.cn/blog-cover/34.jpg"
1709                                                                                class="responsive-img"
1710                                                                                alt="MyBatis自动封装问题">
1711                                                                            
1712                                                                                        <sp
1712an class="card-title">
1713                                                                                            MyBatis自动封装问题
1714                                                                                        </span>
1715                                                                    </div>
1716                                                                </a>
1717
1718                                                                <div class="card-content article-content">
1719                                                                    <div class="summary block-with-text">
1720                                                                        
1721                                                                            解决MyBatis查询字段含下划线的自动封装问题
1722                                                                                
1723                                                                    </div>
1724                                                                    <div class="publish-info">
1725                                                                        <span class="publish-date">
1726                                                                            <i class="far fa-clock fa-fw icon-date"></i>
1727                                                                            2023-02-08
1728                                                                        </span>
1729                                                                        <span class="publish-author">
1730                                                                            
1731                                                                                <i
1732                                                                                    class="fas fa-bookmark fa-fw icon-category"></i>
1733                                                                                
1734                                                                                    <a href="/categories/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/"
1735                                                                                        class="post-category">
1736                                                                                        问题解决
1737                                                                                    </a>
1738                                                                                    
1739                                                                                        
1740                                                                        </span>
1741                                                                    </div>
1742                                                                </div>
1743
1744                                                                
1745                                                                    <div class="card-action article-tags">
1746                                                                        
1747                                                                            <a href="/tags/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/">
1748                                                                                <span class="chip bg-color">
1749                                                                                    问题解决
1750                                                                                </span>
1751                                                                            </a>
1752                                                                            
1753                                                                            <a href="/tags/MyBatis/">
1754                                                                                <span class="chip bg-color">
1755                                                                                    MyBatis
1756                                                                                </span>
1757                                                                            </a>
1758                                                                            
1759                                                                    </div>
1760                                                                    
1761                                                            </div>
1762                                                        </div>
1763                                                        
1764                                                            <!-- 隐藏某个文章 -->
1765                                                            
1766                                                    
1767                                                        <!-- 隐藏某个文章 -->
1768                                                        <div class="article col s12 m6 l4" data-aos="zoom-in">
1769                                                            <div class="card">
1770                                                                <a href="/2023/01/07/linux-bu-shu-wang-zhan-nginx-php-mysql/">
1771                                                                    <div class="card-image">
1772                                                                        
1773                                                                            <img src="https://img-upyun.cikian.cn/blog-cover/33.jpg"
1774                                                                                class="responsive-img"
1775                                                                                alt="Linux部署网站(Nginx+PHP+MySQL)">
1776                                                                            
1777                                                                                        <sp
1777an class="card-title">
1778                                                                                            Linux部署网站(Nginx+PHP+MySQL)
1779                                                                                        </span>
1780                                                                    </div>
1781                                                                </a>
1782
1783                                                                <div class="card-content article-content">
1784                                                                    <div class="summary block-with-text">
1785                                                                        
1786                                                                            本文从0开始详细叙述在Linux上使用Nginx、PHP、MySQL部署网站的过程
1787                                                                                
1788                                                                    </div>
1789                                                                    <div class="publish-info">
1790                                                                        <span class="publish-date">
1791                                                                            <i class="far fa-clock fa-fw icon-date"></i>
1792                                                                            2023-01-07
1793                                                                        </span>
1794                                                                        <span class="publish-author">
1795                                                                            
1796                                                                                <i
1797                                                                                    class="fas fa-bookmark fa-fw icon-category"></i>
1798                                                                                
1799                                                                                    <a href="/categories/%E6%95%99%E7%A8%8B/"
1800                                                                                        class="post-category">
1801                                                                                        教程
1802                                                                                    </a>
1803                                                                                    
1804                                                                                        
1805                                                                        </span>
1806                                                                    </div>
1807                                                                </div>
1808
1809                                                                
1810                                                                    <div class="card-action article-tags">
1811                                                                        
1812                                                                            <a href="/tags/Linux/">
1813                                                                                <span class="chip bg-color">
1814                                                                                    Linux
1815                                                                                </span>
1816                                                                            </a>
1817                                                                            
1818                                                                            <a href="/tags/%E9%83%A8%E7%BD%B2%E7%BD%91%E7%AB%99/">
1819                                                                                <span class="chip bg-color">
1820                                                                                    部署网站
1821                                                                                </span>
1822                                                                            </a>
1823                                                                            
1824                                                                    </div>
1825                                                                    
1826                                                            </div>
1827                                                        </div>
1828                                                        
1829                                                            <!-- 隐藏某个文章 -->
1830                                                            
1831                                            </div>
1832                                        </article>
1833
1834                        </main>
1835
1836                        
1837                            <div class="container paging">
1838    <div class="row">
1839        <div class="col s6 m4 l4">
1840            
1841            <a class="left btn-floating btn-large disabled">
1842                <i class="fas fa-angle-left"></i>
1843            </a>
1844            
1845        </div>
1846        <div class="page-info col m4 l4 hide-on-small-only">
1847            <div class="center-align b-text-gray">1 / 4</div>
1848        </div>
1849        <div class="col s6 m4 l4">
1850            
1851            <a href="/page/2/"
1852               class="right btn-floating btn-large waves-effect waves-light bg-color">
1853                <i class="fas fa-angle-right"></i>
1854            </a>
1855            
1856        </div>
1857    </div>
1858</div>
1859
1860                                
1861
1862    <footer class="page-footer bg-color">
1863    
1864
1865                <div class="container row center-align"
1866                    style="margin-bottom: 15px !important;">
1867                    <div class="col s12 m8 l8 copy-right">
1868                        ❤️Copyright&nbsp;&copy;
1869                        
1870                            <span id="year">
1871                                2022-2024
1872                            </span>
1873                            
1874                                    <a href="/about" target="_blank">
1875                                        Cikian
1876                                    </a>
1877                                    |&nbsp;Powered by&nbsp;<a href="https://hexo.io/" target="_blank">Hexo</a>
1878                                    |&nbsp;Theme&nbsp;
1879                                    <a href="https://www.cikian.cn" target="_blank">Matery
1880                                    </a>❤️
1881                                    <br>
1882                                    
1883                                        &nbsp;<i class="fas fa-chart-area"></i>&nbsp;
1884                                        站点总字数:&nbsp;<span class="white-color">
1885                                                46.1k
1886                                            </span>
1887                                            
1888                                                
1889                                                    
1890                                                        
1891                                                            
1892                                                                
1893                                                                    <span id="busuanzi_container_site_pv">
1894                                                                        &nbsp;|&nbsp;<i class="far fa-eye"></i>&nbsp;总访问量:&nbsp;
1895                                                                            <span id="busuanzi_value_site_pv"
1896                                                                                class="white-color"></span>
1897                                                                    </span>
1898                                                                    
1899                                                                        
1900                                                                            <span id="busuanzi_container_site_uv">
1901                                                                                &nbsp;|&nbsp;<i
1902                                                                                    class="fas fa-users"></i>&nbsp;总访问人数:&nbsp;
1903                                                                                    <span id="busuanzi_value_site_uv"
1904                                                                                        class="white-color"></span>
1905                                                                            </span>
1906                                                                            
1907                                                                                <br>
1908
1909                                                                                <!-- 运行天数提醒. -->
1910                                                                                
1911                                                                                    <span id="sitetime"> Loading
1912                                                                                        ...</span>
1913                                                                                    
1913<script>
1914                                                                                        var calcSiteTime = function () {
1915                                                                                            var seconds = 1000;
1916                                                                                            var minutes = seconds * 60;
1917                                                                                            var hours = minutes * 60;
1918                                                                                            var days = hours * 24;
1919                                                                                            var years = days * 365;
1920                                                                                            var today = new Date();
1921                                                                                            var startYear = "2022";
1922                                                                                            var startMonth = "2";
1923                                                                                            var startDate = "6";
1924                                                                                            var startHour = "0";
1925                                                                                            var startMinute = "0";
1926                                                                                            var startSecond = "0";
1927                                                                                            var todayYear = today.getFullYear();
1928                                                                                            var todayMonth = today.getMonth() + 1;
1929                                                                                            var todayDate = today.getDate();
1930                                                                                            var todayHour = today.getHours();
1931                                                                                            var todayMinute = today.getMinutes();
1932                                                                                            var todaySecond = today.getSeconds();
1933                                                                                            var t1 = Date.UTC(startYear, startMonth, startDate, startHour, startMinute, startSecond);
1934                                                                                            var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond);
1935                                                                                            var diff = t2 - t1;
1936                                                                                            var diffYears = Math.floor(diff / years);
1937                                                                                            var diffDays = Math.floor((diff / days) - diffYears * 365);
1938
1939                                                                                            // 区分是否有年份.
1940                                                                                            var language = 'zh-CN';
1941                                                                                            if (startYear === String(todayYear)) {
1942                                                                                                document.getElementById("year").innerHTML = todayYear;
1943                                                                                                var daysTip = 'This site has been running for ' + diffDays + ' days';
1944                                                                                                if (language === 'zh-CN') {
1945                                                                                                    daysTip = '😎本站已运行 ' + diffDays + ' 天';
1946                                                                                                } else if (language === 'zh-HK') {
1947                                                                                                    daysTip = '本站已運行 ' + diffDays + ' 天';
1948                                                                                                }
1949                                                                                                document.getElementById("sitetime").innerHTML = daysT
1949ip;
1950                                                                                            } else {
1951                                                                                                document.getElementById("year").innerHTML = startYear + " - " + todayYear;
1952                                                                                                var yearsAndDaysTip = 'This site has been running for ' + diffYears + ' years and ' +
1953                                                                                                    diffDays + ' days';
1954                                                                                                if (language === 'zh-CN') {
1955                                                                                                    yearsAndDaysTip = '本站已运行 ' + diffYears + ' 年 ' + diffDays + ' 天';
1956                                                                                                } else if (language === 'zh-HK') {
1957                                                                                                    yearsAndDaysTip = '本站已運行 ' + diffYears + ' 年 ' + diffDays + ' 天';
1958                                                                                                }
1959                                                                                                document.getElementById("sitetime").innerHTML = yearsAndDaysTip;
1960                                                                                            }
1961                                                                                        }
1962
1963                                                                                        calcSiteTime();
1964
1965                                                                                    </script>
1965
1966                                                                                    <span>&nbsp;&nbsp;<a
1967                                                                                            href="https://www.foreverblog.cn/go.html"
1968                                                                                            target="_blank"> <img
1969                                                                                                src="https://img.foreverblog.cn/wormhole_1_tp.gif"
1970                                                                                                alt=""
1971                                                                                                style="width:auto;height:28px;position: relative;top: 7px;"
1972                                                                                                title="穿梭虫洞-随机访问十年之约友链博客"></a></span>
1973                                                                                    
1974                                                                                        <br>
1975                                                                                        
1976                                                                                            <span id="icp"
1977                                                                                                style="font-size: 14px;"><img
1978                                                                                                    src="/medias/icp.png"
1979                                                                                                    style="vertical-align: text-bottom; width: 18px;" />
1980                                                                                                <a href="https://beian.miit.gov.cn"
1981                                                                                                    target="_blank"
1982                                                                                                    style="color: #fff;">
1983                                                                                                    冀ICP备2022002500号-1
1984                                                                                                </a>
1985                                                                                            </span>
1986                                                                                            
1987                                                                                                &nbsp; &nbsp; &nbsp;
1988                                                                                                &nbsp;
1989                                                                                                <span
1990                                                                                                    style="font-size: 14px;"><img
1991                                                                                                        src="https://www.cikian.cn/mypic/gh.png"
1992                                                                                                        style="vertical-align: text-bottom; width: 18px;" />
1993                                                                                                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=13032102000112"
1994                                                                                                        target="_blank"
1995                                                                                                        style="color: #fff;">冀公网安备13032102000112号</a>
1996                                                                                                </span>
1997                    </div>
1998                    <div class="col s12 m4 l4 social-link social-statis">
1999                        
2000    <a href="https://github.com/cikian" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
2001        <i class="fab fa-github"></i>
2002    </a>
2003    
2004
2005        
2006            <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
2007                <i class="fas fa-envelope-open"></i>
2008            </a>
2009            
2010
2011                
2012                    <a href="https://www.facebook.com/profile.php?id=100020112895449" class="tooltipped" target="_blank" data-tooltip="关注我的Facebook: https://www.facebook.com/profile.php?id=100020112895449" data-position="top" data-delay="50">
2013                        <i class="fab fa-facebook-f"></i>
2014                    </a>
2015                    
2016
2017                        
2018                            <a href="https://twitter.com/ChanCikian" class="tooltipped" target="_blank" data-tooltip="关注我的Twitter: https://twitter.com/ChanCikian" data-position="top" data-delay="50">
2019                                <i class="fab fa-twitter"></i>
2020                            </a>
2021                            
2022
2023                                
2024                                    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=2926066494" class="tooltipped" target="_blank" data-tooltip="QQ联系我: 2926066494" data-position="top" data-delay="50">
2025                                        <i class="fab fa-qq"></i>
2026                                    </a>
2027                                    
2028
2029                                        
2030
2031                                                
2032
2033                                                            <!-- 
2034                                                                <a href="https://blog.csdn.net/CikianOS" class="tooltipped" target="_blank" data-tooltip="关注我的CSDN" data-position="top" data-delay="50" style="font-size: 5px; font-weight: 800; ">
2035                                                                    CSDN
2036                                                                </a>
2037                                                                 -->
2038
2039                                                                
2040                                                                    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
2041                                                                        <i class="fas fa-rss"></i>
2042                                                                    </a>
2043                                                                    
2044                    </div>
2045                </div>
2046</footer>
2047
2048<div class="progress-bar"></div>
2049
2050    <!-- 搜索遮罩框 -->
2051<div id="searchModal" class="modal">
2052    <div class="modal-content">
2053        <div class="search-header">
2054            <span class="title"><i class="fas fa-search"></i>&nbsp;&nbsp;搜索</span>
2055            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
2056                   class="search-input">
2057        </div>
2058        <div id="searchResult"></div>
2059    </div>
2060</div>
2061
2062<script type="text/javascript">
2063$(function () {
2064    var searchFunc = function (path, search_id, content_id) {
2065        'use strict';
2066        $.ajax({
2067            url: path,
2068            dataType: "xml",
2069            success: function (xmlResponse) {
2070                // get the contents from search data
2071                var datas = $("entry", xmlResponse).map(function () {
2072                    return {
2073                        title: $("title", this).text(),
2074                        content: $("content", this).text(),
2075                        url: $("url", this).text()
2076                    };
2077                }).get();
2078                var $input = document.getElementById(search_id);
2079                var $resultContent = document.getElementById(content_id);
2080                $input.addEventListener('input', function () {
2081                    var str = '<ul class=\"search-result-list\">';
2082                    var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
2083                    $resultContent.innerHTML = "";
2084                    if (this.value.trim().length <= 0) {
2085                        return;
2086                    }
2087                    // perform local searching
2088                    datas.forEach(function (data) {
2089                        var isMatch = true;
2090                        var data_title = data.title.trim().toLowerCase();
2091                        var data_content = data.content.trim().replace(/<[^>]+>/g, "").toLowerCase();
2092                        var data_url = data.url;
2093                        data_url = data_url.indexOf('/') === 0 ? data.url : '/' + data_url;
2094                        var index_title = -1;
2095                        var index_content = -1;
2096                        var first_occur = -1;
2097                        // only match artiles with not empty titles and contents
2098                        if (data_title !== '' && data_content !== '') {
2099                            keywords.forEach(function (keyword, i) {
2100                                index_title = data_title.indexOf(keyword);
2101                                index_content = data_content.indexOf(keyword);
2102                                if (index_title < 0 && index_content < 0) {
2103                                    isMatch = false;
2104                                } else {
2105                                    if (index_content < 0) {
2106                                        index_content = 0;
2107                                    }
2108                                    if (i === 0) {
2109                                        first_occur = index_content;
2110                                    }
2111                                }
2112                            });
2113                        }
2114                        // show search results
2115                        if (isMatch) {
2116                            str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>";
2117                            var content = data.content.trim().replace(/<[^>]+>/g, "");
2118                            if (first_occur >= 0) {
2119                                // cut out 100 characters
2120                                var start = first_occur - 20;
2121                                var end = first_occur + 80;
2122                                if (start < 0) {
2123                                    start = 0;
2124                                }
2125                                if (start === 0) {
2126                                    end = 100;
2127                                }
2128                                if (end > content.length) {
2129                                    end = content.length;
2130                                }
2131                                var match_content = content.substr(start, end);
2132                                // highlight all keywords
2133                                keywords.forEach(function (keyword) {
2134                                    var regS = new RegExp(keyword, "gi");
2135                                    match_content = match_content.replace(regS, "<em class=\"search-keyword\">" + keyword + "</em>");
2136                                });
2137
2138                                str += "<p class=\"search-result\">" + match_content + "...</p>"
2139                            }
2140                            str += "</li>";
2141                        }
2142                    });
2143                    str += "</ul>";
2144                    $resultContent.innerHTML = str;
2145                });
2146            }
2147        });
2148    };
2149
2150    searchFunc('/search.xml', 'searchInput', 'searchResult');
2151});
2152</script>
2152
2153
2154    <!-- 回到顶部按钮 -->
2155<div id="backTop" class="top-scroll">
2156    <a class="btn-floating btn-large waves-effect waves-light" href="#!">
2157        <i class="fas fa-arrow-up"></i>
2158    </a>
2159</div>
2160
2161
2162    
2162<script src="/libs/materialize/materialize.min.js"></script>
2162
2163    
2163<script src="/libs/masonry/masonry.pkgd.min.js"></script>
2163
2164    
2164<script src="/libs/aos/aos.js"></script>
2164
2165    
2165<script src="/libs/scrollprogress/scrollProgress.min.js"></script>
2165
2166    
2166<script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
2166
2167    
2167<script src="/js/matery.js"></script>
2167
2168
2169    
2170
2171    
2172
2173    <!-- 雪花特效 -->
2174    
2175
2176    <!-- 鼠标星星特效 -->
2177    
2178
2179    
2180
2181    <!-- Baidu Analytics -->
2182
2183<script>
2184    var _hmt = _hmt || [];
2185    (function () {
2186        var hm = document.createElement("script");
2187        hm.src = "https://hm.baidu.com/hm.js?86cddc927e2089ece7c606eb0c9350bd";
2188        var s = document.getElementsByTagName("script")[0];
2189        s.parentNode.insertBefore(hm, s);
2190    })();
2191</script>
2191
2192
2193    <!-- Baidu Push -->
2194
2195<script>
2196    (function () {
2197        var bp = document.createElement('script');
2198        var curProtocol = window.location.protocol.split(':')[0];
2199        if (curProtocol === 'https') {
2200            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
2201        } else {
2202            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
2203        }
2204        var s = document.getElementsByTagName("script")[0];
2205        s.parentNode.insertBefore(bp, s);
2206    })();
2207</script>
2207
2208
2209    
2210    
2210<script src="/libs/others/clicklove.js" async="async"></script>
2210
2211    
2212    
2213    
2213<script async src="/libs/others/busuanzi.pure.mini.js"></script>
2213
2214    
2215
2216    
2217
2218    
2219
2220    <!--腾讯兔小巢-->
2221    
2222        <div style="position:fixed;bottom:125px;right:16px;cursor: pointer;">
2223            <a title="兔小巢" target="_blank" rel="noopener" href="https://support.qq.com/products/379884"><i class="fa fa-comments fa-3x"  aria-hidden="true"></i></a>
2224        </div>
2225    
2226    
2227    
2227<script type="text/javascript" color="0,0,255"
2228        pointColor="0,0,255" opacity='0.7'
2229        zIndex="-1" count="50"
2230        src="/libs/background/canvas-nest.js"></script>
2230
2231    
2232
2233    
2234    
2235    
2235<script type="text/javascript" size="150" alpha='0.6'
2236        zIndex="-1" src="/libs/background/ribbon.min.js" async="async"></script>
2236
2237    
2238
2239    
2240    
2240<script type="text/javascript" src="/libs/background/ribbon-dynamic.js" async="async"></script>
2240
2241    
2242
2243    
2244    
2244<script src="/libs/instantpage/instantpage.js" type="module"></script>
2244
2245    
2246
2247</body>
2248
2249</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.