PageSourceSearch

https://cikian.github.io/about/

html cikian.github.io collected 2026-10-03 08:47:53 UTC 63,422 bytes, 1,555 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,陈子健,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 | 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    <style type="text/css">
419    /* don't remove. */
420    .about-cover {
421        height: 75vh;
422    }
423</style>
424
425<div class="bg-cover pd-header about-cover">
426    <div class="container">
427    <div class="row">
428    <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2">
429        <div class="brand">
430            <div class="title center-align">
431                
432                            关于Cikian
433                                
434
435                                    <!-- 
436                    Cikian
437                         -->
438            </div>
439
440            <div class="description center-align">
441                
442                    <span id="subtitle"></span>
443                    
443<script src="/js/typed.js"></script>
443
444                    
444<script>
445                        var typed = new Typed("#subtitle", {
446                            strings: [
447                                
448                                "过去已过去, 未来还未来",
449                                
450                                "The past is past, the future is not yet",
451                                
452                            ],
453                            startDelay: 300,
454                            typeSpeed: 100,
455                            loop: true,
456                            backSpeed: 50,
457                            showCursor: true
458                        });
459                    </script>
459
460                    
461            </div>
462        </div>
463    </div>
464</div>
465
466
467    
467<script>
468        // 每天切换 banner 图.  Switch banner image every day.
469        var bannerUrl = "/medias/banner/" + new Date().getDay() + '.jpg';
470        $('.bg-cover').css('background-image', 'url(' + bannerUrl + ')');
471        // $('.bg-cover').css('background-size', 'cover');
472    </script>
472
473    
474    </div>
475</div>
476
477    <main class="content">
478
479        <div id="aboutme" class="container about-container">
480            <div class="card">
481                <div class="card-content">
482                    <div class="row">
483                        <div class="post-statis col l4 hide-on-med-and-down" data-aos="zoom-in-right">
484                            
485<div class="statis">
486    <span class="count"><a href="/">42</a></span>
487    <span class="name">文章</span>
488</div>
489
490
491
492<div class="statis">
493    <span class="count"><a href="/categories">14</a></span>
494    <span class="name">分类</span>
495</div>
496
497
498
499<div class="statis">
500    <span class="count"><a href="/tags">24</a></span>
501    <span class="name">标签</span>
502</div>
503
504
505                        </div>
506                        <div class="col s12 m12 l4">
507                            <div class="profile center-align">
508                                <div class="avatar">
509                                    <img src="/medias/avatar.png"
510                                        alt="Cikian" class="circle responsive-img avatar-img">
511                                </div>
512                                <div class="author">
513                                    <div class="post-statis hide-on-large-only" data-aos="zoom-in-right">
514                                        
515<div class="statis">
516    <span class="count"><a href="/">42</a></span>
517    <span class="name">文章</span>
518</div>
519
520
521
522<div class="statis">
523    <span class="count"><a href="/categories">14</a></span>
524    <span class="name">分类</span>
525</div>
526
527
528
529<div class="statis">
530    <span class="count"><a href="/tags">24</a></span>
531    <span class="name">标签</span>
532</div>
533
534
535                                    </div>
536                                    <div class="title">
537                                        陈子健 <br>
538                                        Cikian
539                                    </div>
540                                    <div class="career">
541                                        软件工程专业本科在读学生
542                                    </div>
543                                    <div class="social-link hide-on-large-only" data-aos="zoom-in-left">
544                                        
545    <a href="https://github.com/cikian" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
546        <i class="fab fa-github"></i>
547    </a>
548    
549
550        
551            <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
552                <i class="fas fa-envelope-open"></i>
553            </a>
554            
555
556                
557                    <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">
558                        <i class="fab fa-facebook-f"></i>
559                    </a>
560                    
561
562                        
563                            <a href="https://twitter.com/ChanCikian" class="tooltipped" target="_blank" data-tooltip="关注我的Twitter: https://twitter.com/ChanCikian" data-position="top" data-delay="50">
564                                <i class="fab fa-twitter"></i>
565                            </a>
566                            
567
568                                
569                                    <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">
570                                        <i class="fab fa-qq"></i>
571                                    </a>
572                                    
573
574                                        
575
576                                                
577
578                                                            <!-- 
579                                                                <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; ">
580                                                                    CSDN
581                                                                </a>
582                                                                 -->
583
584                                                                
585                                                                    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
586                                                                        <i class="fas fa-rss"></i>
587                                                                    </a>
588                                                                    
589                                    </div>
590                                </div>
591                            </div>
592                        </div>
593                        <div class="col l4 hide-on-med-and-down" data-aos="zoom-in-left">
594                            <div class="social-link">
595                                
596    <a href="https://github.com/cikian" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
597        <i class="fab fa-github"></i>
598    </a>
599    
600
601        
602            <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
603                <i class="fas fa-envelope-open"></i>
604            </a>
605            
606
607                
608                    <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">
609                        <i class="fab fa-facebook-f"></i>
610                    </a>
611                    
612
613                        
614                            <a href="https://twitter.com/ChanCikian" class="tooltipped" target="_blank" data-tooltip="关注我的Twitter: https://twitter.com/ChanCikian" data-position="top" data-delay="50">
615                                <i class="fab fa-twitter"></i>
616                            </a>
617                            
618
619                                
620                                    <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">
621                                        <i class="fab fa-qq"></i>
622                                    </a>
623                                    
624
625                                        
626
627                                                
628
629                                                            <!-- 
630                                                                <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; ">
631                                                                    CSDN
632                                                                </a>
633                                                                 -->
634
635                                                                
636                                                                    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
637                                                                        <i class="fas fa-rss"></i>
638                                                                    </a>
639                                                                    
640                            </div>
641                        </div>
642                    </div>
643
644                    <div class="introduction center-align" data-aos="fade-up">
645                        The past is past, the future is not yet.
646                    </div>
647
648                    <style type="text/css">
649    #posts-chart,
650    #categories-chart,
651    #tags-chart {
652        width: 100%;
653        height: 300px;
654        margin: 0.5rem auto;
655        padding: 0.5rem;
656    }
657</style>
658
659<div id="postCharts" class="post-charts">
660    <div class="title center-align" data-aos="zoom-in-up">
661        <i class="far fa-bar-chart"></i>&nbsp;&nbsp;文章统计图
662    </div>
663    <div class="row">
664        <div class="chart col s12 m6 l4" data-aos="zoom-in-up">
665            <div id="posts-chart"></div>
666        </div>
667
668        <div class="chart col s12 m6 l4" data-aos="zoom-in-up">
669            <div id="categories-chart"></div>
670        </div>
671
672        <div class="chart col s12 m6 l4" data-aos="zoom-in-up">
673            <div id="tags-chart"></div>
674        </div>
675    </div>
676</div>
677
678<script type="text/javascript" src="/libs/echarts/echarts.min.js"></script>
vendor: 1 bytes, line 678
678
679<script>
680    let postsChart = echarts.init(document.getElementById('posts-chart'));
681    let categoriesChart = echarts.init(document.getElementById('categories-chart'));
682    let tagsChart = echarts.init(document.getElementById('tags-chart'));
683
684    
685
686    let postsOption = {
687        title: {
688            text: '文章发布统计图',
689            top: -5,
690            x: 'center'
691        },
692        tooltip: {
693            trigger: 'axis'
694        },
695        xAxis: {
696            type: 'category',
697            data: ["2023-03","2023-04","2023-05","2023-06","2023-07","2023-08","2023-09","2023-10","2023-11","2023-12","2024-01","2024-02","2024-03"]
698        },
699        yAxis: {
700            type: 'value',
701        },
702        series: [
703            {
704                name: '文章篇数',
705                type: 'line',
706                color: ['#6772e5'],
707                data: [0,0,0,0,0,10,0,0,0,0,0,0,0],
708                markPoint: {
709                    symbolSize: 45,
710                    color: ['#fa755a','#3ecf8e','#82d3f4'],
711                    data: [{
712                        type: 'max',
713                        itemStyle: {color: ['#3ecf8e']},
714                        name: '最大值'
715                    }, {
716                        type: 'min',
717                        itemStyle: {color: ['#fa755a']},
718                        name: '最小值'
719                    }]
720                },
721                markLine: {
722                    itemStyle: {color: ['#ab47bc']},
723                    data: [
724                        {type: 'average', name: '平均值'}
725                    ]
726                }
727            }
728        ]
729    };
730
731    
732
733    let categoriesOption = {
734        title: {
735            text: '文章分类统计图',
736            top: -4,
737            x: 'center'
738        },
739        tooltip: {
740            trigger: 'item',
741            formatter: "{a} <br/>{b} : {c} ({d}%)"
742        },
743        series: [
744            {
745                name: '分类',
746                type: 'pie',
747                radius: '50%',
748                color: ['#6772e5', '#ff9e0f', '#fa755a', '#3ecf8e', '#82d3f4', '#ab47bc', '#525f7f', '#f51c47', '#26A69A'],
749                data: [{"name":"问题解决","value":3},{"name":"教程","value":5},{"name":"笔记","value":11},{"name":"Java","value":10},{"name":"JavaScript","value":4},{"name":"小玩意","value":2},{"name":"MySQL","value":2},{"name":"Linux","value":1},{"name":"Python","value":1},{"name":"教程","value":1},{"name":"Spring","value":7},{"name":"Spring","value":3},{"name":"分享","value":1},{"name":"小程序","value":1}],
750                itemStyle: {
751                    emphasis: {
752                        shadowBlur: 10,
753                        shadowOffsetX: 0,
754                        shadowColor: 'rgba(0, 0, 0, 0.5)'
755                    }
756                }
757            }
758        ]
759    };
760
761    
762
763    let tagsOption = {
764        title: {
765            text: 'TOP10 标签统计图',
766            top: -5,
767            x: 'center'
768        },
769        tooltip: {},
770        xAxis: [
771            {
772                type: 'category',
773                data: ["Java","Spring","JavaScript","MySQL","问题解决","Linux","MyBatis","IDEA","快捷键","函数"]
774            }
775        ],
776        yAxis: [
777            {
778                type: 'value'
779            }
780        ],
781        series: [
782            {
783                type: 'bar',
784                color: ['#82d3f4'],
785                barWidth : 18,
786                data: [13,10,4,4,3,2,2,1,1,1],
787                markPoint: {
788                    symbolSize: 45,
789                    data: [{
790                        type: 'max',
791                        itemStyle: {color: ['#3ecf8e']},
792                        name: '最大值'
793                    }, {
794                        type: 'min',
795                        itemStyle: {color: ['#fa755a']},
796                        name: '最小值'
797                    }],
798                },
799                markLine: {
800                    itemStyle: {color: ['#ab47bc']},
801                    data: [
802                        {type: 'average', name: '平均值'}
803                    ]
804                }
805            }
806        ]
807    };
808
809    // render the charts
810    postsChart.setOption(postsOption);
811    categoriesChart.setOption(categoriesOption);
812    tagsChart.setOption(tagsOption);
813</script>
813
814
815
816                        
817                            
818<div class="my-projects">
819    <div class="title center-align" data-aos="zoom-in-up">
820        <i class="fas fa-gift"></i>&nbsp;&nbsp;我的项目
821    </div>
822    <div class="row">
823        
824        
825        <div class="col s12 m6 l4" data-aos="fade-up">
826            <div class="info center-align">
827                <a href="https://github.com/Cikian/Student-Manager-java-.git" class="icon"
828                   style="background: linear-gradient(to bottom right, #66BB6A 0%, #81C784 100%)" target="_blank">
829                    <i class="fas fa-user-graduate"></i>
830                </a>
831                <div class="info-title">
832                    <a href="https://github.com/Cikian/Student-Manager-java-.git" target="_blank">cikian.github.io</a>
833                </div>
834                <div class="info-desc">Java实现学生管理系统。</div>
835            </div>
836        </div>
837        
838        <div class="col s12 m6 l4" data-aos="fade-up">
839            <div class="info center-align">
840                <a href="https://github.com/Cikian/kuohao-pipei.git" class="icon"
841                   style="background: linear-gradient(to bottom right, #F06292 0%, #EF5350 100%)" target="_blank">
842                    <i class="fas fa-database"></i>
843                </a>
844                <div class="info-title">
845                    <a href="https://github.com/Cikian/kuohao-pipei.git" target="_blank">kuohao-pipei</a>
846                </div>
847                <div class="info-desc">用C语言实现的检测括号匹配功能。</div>
848            </div>
849        </div>
850        
851        <div class="col s12 m6 l4" data-aos="fade-up">
852            <div class="info center-align">
853                <a href="https://github.com/Cikian/GuessNumber.git" class="icon"
854                   style="background: linear-gradient(to bottom right, #29B6F6 0%, #1E88E5 100%)" target="_blank">
855                    <i class="fas fa-brain"></i>
856                </a>
857                <div class="info-title">
858                    <a href="https://github.com/Cikian/GuessNumber.git" target="_blank">cikian</a>
859                </div>
860                <div class="info-desc">Java小玩意:猜数游戏。</div>
861            </div>
862        </div>
863        
864        
865    </div>
866</div>
867
868                                
869
870                                    
871                                        
872<div class="my-skills">
873    <div class="title center-align" data-aos="zoom-in-up">
874        <i class="fas fa-wrench"></i>&nbsp;&nbsp;我的技能
875    </div>
876    <div class="row">
877        
878        
879        
880        <div class="col s12 m6 l6" data-aos="fade-up">
881            <div class="skillbar">
882                <div class="skillbar-title"
883                     style="background: linear-gradient(to right, #FF0066 0%, #FF00CC 100%); width: 30%">
884                    <span>Java</span>
885                </div>
886                <div class="skill-bar-percent">30%</div>
887            </div>
888        </div>
889        
890        
891        <div class="col s12 m6 l6" data-aos="fade-up">
892            <div class="skillbar">
893                <div class="skillbar-title"
894                     style="background: linear-gradient(to right, #9900FF 0%, #CC66FF 100%); width: 50%">
895                    <span>JavaScript</span>
896                </div>
897                <div class="skill-bar-percent">50%</div>
898            </div>
899        </div>
900        
901        
902        <div class="col s12 m6 l6" data-aos="fade-up">
903            <div class="skillbar">
904                <div class="skillbar-title"
905                     style="background: linear-gradient(to right, #2196F3 0%, #42A5F5 100%); width: 90%">
906                    <span>HTML5</span>
907                </div>
908                <div class="skill-bar-percent">90%</div>
909            </div>
910        </div>
911        
912        
913        <div class="col s12 m6 l6" data-aos="fade-up">
914            <div class="skillbar">
915                <div class="skillbar-title"
916                     style="background: linear-gradient(to right, #00BCD4 0%, #80DEEA 100%); width: 90%">
917                    <span>CSS</span>
918                </div>
919                <div class="skill-bar-percent">90%</div>
920            </div>
921        </div>
922        
923        
924        <div class="col s12 m6 l6" data-aos="fade-up">
925            <div class="skillbar">
926                <div class="skillbar-title"
927                     style="background: linear-gradient(to right, #4CAF50 0%, #81C784 100%); width: 30%">
928                    <span>SQL</span>
929                </div>
930                <div class="skill-bar-percent">30%</div>
931            </div>
932        </div>
933        
934        
935        <div class="col s12 m6 l6" data-aos="fade-up">
936            <div class="skillbar">
937                <div class="skillbar-title"
938                     style="background: linear-gradient(to right, #FFEB3B 0%, #FFF176 100%); width: 60%">
939                    <span>程序设计</span>
940                </div>
941                <div class="skill-bar-percent">60%</div>
942            </div>
943        </div>
944        
945        
946        <div class="col s12 m6 l6" data-aos="fade-up">
947            <div class="skillbar">
948                <div class="skillbar-title"
949                     style="background: linear-gradient(to right, #D939CD 0%, #F6CEEC 100%); width: 80%">
950                    <span>Photoshop</span>
951                </div>
952                <div class="skill-bar-percent">80%</div>
953            </div>
954        </div>
955        
956        
957        <div class="col s12 m6 l6" data-aos="fade-up">
958            <div class="skillbar">
959                <div class="skillbar-title"
960                     style="background: linear-gradient(to right, #E80505 0%, #FDD819 100%); width: 90%">
961                    <span>MarkDown</span>
962                </div>
963                <div class="skill-bar-percent">90%</div>
964            </div>
965        </div>
966        
967        
968    </div>
969
970    
971
972    
973    <div class="other-skills chip-container" data-aos="zoom-in-up">
974        <div class="sub-title center-align"><i class="fa fa-book"></i>&nbsp;&nbsp;其他技能</div>
975        <div class="tag-chips center-align">
976            
977            
978            <a href="/tags/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/">
979                <span class="chip center-align waves-effect waves-light chip-default">问题解决</span>
980            </a>
981            
982            
983            
984            
985            
986            <a href="/tags/IDEA/">
987                <span class="chip center-align waves-effect waves-light chip-default">IDEA</span>
988            </a>
989            
990            
991            
992            <a href="/tags/%E5%BF%AB%E6%8D%B7%E9%94%AE/">
993                <span class="chip center-align waves-effect waves-light chip-default">快捷键</span>
994            </a>
995            
996            
997            
998            
999            
1000            <a href="/tags/%E5%87%BD%E6%95%B0/">
1001                <span class="chip center-align waves-effect waves-light chip-default">函数</span>
1002            </a>
1003            
1004            
1005            
1006            <a href="/tags/%E5%8A%A8%E7%94%BB/">
1007                <span class="chip center-align waves-effect waves-light chip-default">动画</span>
1008            </a>
1009            
1010            
1011            
1012            <a href="/tags/JDK/">
1013                <span class="chip center-align waves-effect waves-light chip-default">JDK</span>
1014            </a>
1015            
1016            
1017            
1018            <a href="/tags/%E9%85%8D%E7%BD%AE/">
1019                <span class="chip center-align waves-effect waves-light chip-default">配置</span>
1020            </a>
1021            
1022            
1023            
1024            <a href="/tags/%E6%95%B0%E7%BB%84/">
1025                <span class="chip center-align waves-effect waves-light chip-default">数组</span>
1026            </a>
1027            
1028            
1029            
1030            <a href="/tags/MySQL/">
1031                <span class="chip center-align waves-effect waves-light chip-default">MySQL</span>
1032            </a>
1033            
1034            
1035            
1036            <a href="/tags/Linux/">
1037                <span class="chip center-align waves-effect waves-light chip-default">Linux</span>
1038            </a>
1039            
1040            
1041            
1042            <a href="/tags/%E9%83%A8%E7%BD%B2%E7%BD%91%E7%AB%99/">
1043                <span class="chip center-align waves-effect waves-light chip-default">部署网站</span>
1044            </a>
1045            
1046            
1047            
1048            
1049            
1050            <a href="/tags/%E8%AF%AD%E6%B3%95/">
1051                <span class="chip center-align waves-effect waves-light chip-default">语法</span>
1052            </a>
1053            
1054            
1055            
1056            <a href="/tags/MyBatis/">
1057                <span class="chip center-align waves-effect waves-light chip-default">MyBatis</span>
1058            </a>
1059            
1060            
1061            
1062            <a href="/tags/Python/">
1063                <span class="chip center-align waves-effect waves-light chip-default">Python</span>
1064            </a>
1065            
1066            
1067            
1068            <a href="/tags/Spring/">
1069                <span class="chip center-align waves-effect waves-light chip-default">Spring</span>
1070            </a>
1071            
1072            
1073            
1074            <a href="/tags/Vue/">
1075                <span class="chip center-align waves-effect waves-light chip-default">Vue</span>
1076            </a>
1077            
1078            
1079            
1080            <a href="/tags/%E7%BD%91%E7%AB%99/">
1081                <span class="chip center-align waves-effect waves-light chip-default">网站</span>
1082            </a>
1083            
1084            
1085            
1086            <a href="/tags/%E8%B5%84%E6%BA%90/">
1087                <span class="chip center-align waves-effect waves-light chip-default">资源</span>
1088            </a>
1089            
1090            
1091            
1092            <a href="/tags/%E5%B7%A5%E5%85%B7/">
1093                <span class="chip center-align waves-effect waves-light chip-default">工具</span>
1094            </a>
1095            
1096            
1097            
1098            <a href="/tags/%E6%8E%A8%E8%8D%90/">
1099                <span class="chip center-align waves-effect waves-light chip-default">推荐</span>
1100            </a>
1101            
1102            
1103            
1104            <a href="/tags/%E5%B0%8F%E7%A8%8B%E5%BA%8F/">
1105                <span class="chip center-align waves-effect waves-light chip-default">小程序</span>
1106            </a>
1107            
1108            
1109        </div>
1110    </div>
1111    
1112
1113</div>
1114
1115                                            
1116
1117                                                
1118                                                    
1119<div id="myGallery" class="my-gallery">
1120    <div class="title center-align" data-aos="zoom-in-up">
1121        <i class="far fa-image"></i>&nbsp;&nbsp;相册
1122    </div>
1123    <div class="row">
1124        
1125        
1126        <div class="photo col s12 m6 l4" data-aos="fade-up">
1127            <div class="img-item" data-src="/medias/featureimages/01.jpg">
1128                <img src="/medias/featureimages/01.jpg" class="responsive-img">
1129            </div>
1130        </div>
1131        
1132        <div class="photo col s12 m6 l4" data-aos="fade-up">
1133            <div class="img-item" data-src="/medias/featureimages/02.jpg">
1134                <img src="/medias/featureimages/02.jpg" class="responsive-img">
1135            </div>
1136        </div>
1137        
1138        <div class="photo col s12 m6 l4" data-aos="fade-up">
1139            <div class="img-item" data-src="/medias/featureimages/03.jpg">
1140                <img src="/medias/featureimages/03.jpg" class="responsive-img">
1141            </div>
1142        </div>
1143        
1144        
1145    </div>
1146</div>
1147
1148<script>
1149    $(function () {
1150        let animateClass = 'animated pulse';
1151        $('#myGallery .photo').hover(function () {
1152            $(this).addClass(animateClass);
1153        }, function () {
1154            $(this).removeClass(animateClass);
1155        });
1156    });
1157</script>
1157
1158
1159                                                        
1160
1161                                                            
1162
1163                </div>
1164            </div>
1165        </div>
1166    </main>
1167
1168    <footer class="page-footer bg-color">
1169    
1170
1171                <div class="container row center-align"
1172                    style="margin-bottom: 15px !important;">
1173                    <div class="col s12 m8 l8 copy-right">
1174                        ❤️Copyright&nbsp;&copy;
1175                        
1176                            <span id="year">
1177                                2022-2024
1178                            </span>
1179                            
1180                                    <a href="/about" target="_blank">
1181                                        Cikian
1182                                    </a>
1183                                    |&nbsp;Powered by&nbsp;<a href="https://hexo.io/" target="_blank">Hexo</a>
1184                                    |&nbsp;Theme&nbsp;
1185                                    <a href="https://www.cikian.cn" target="_blank">Matery
1186                                    </a>❤️
1187                                    <br>
1188                                    
1189                                        &nbsp;<i class="fas fa-chart-area"></i>&nbsp;
1190                                        站点总字数:&nbsp;<span class="white-color">
1191                                                46.1k
1192                                            </span>
1193                                            
1194                                                
1195                                                    
1196                                                        
1197                                                            
1198                                                                
1199                                                                    <span id="busuanzi_container_site_pv">
1200                                                                        &nbsp;|&nbsp;<i class="far fa-eye"></i>&nbsp;总访问量:&nbsp;
1201                                                                            <span id="busuanzi_value_site_pv"
1202                                                                                class="white-color"></span>
1203                                                                    </span>
1204                                                                    
1205                                                                        
1206                                                                            <span id="busuanzi_container_site_uv">
1207                                                                                &nbsp;|&nbsp;<i
1208                                                                                    class="fas fa-users"></i>&nbsp;总访问人数:&nbsp;
1209                                                                                    <span id="busuanzi_value_site_uv"
1210                                                                                        class="white-color"></span>
1211                                                                            </span>
1212                                                                            
1213                                                                                <br>
1214
1215                                                                                <!-- 运行天数提醒. -->
1216                                                                                
1217                                                                                    <span id="sitetime"> Loading
1218                                                                                        ...</span>
1219                                                                                    
1219<script>
1220                                                                                        var calcSiteTime = function () {
1221                                                                                            var seconds = 1000;
1222                                                                                            var minutes = seconds * 60;
1223                                                                                            var hours = minutes * 60;
1224                                                                                            var days = hours * 24;
1225                                                                                            var years = days * 365;
1226                                                                                            var today = new Date();
1227                                                                                            var startYear = "2022";
1228                                                                                            var startMonth = "2";
1229                                                                                            var startDate = "6";
1230                                                                                            var startHour = "0";
1231                                                                                            var startMinute = "0";
1232                                                                                            var startSecond = "0";
1233                                                                                            var todayYear = today.getFullYear();
1234                                                                                            var todayMonth = today.getMonth() + 1;
1235                                                                                            var todayDate = today.getDate();
1236                                                                                            var todayHour = today.getHours();
1237                                                                                            var todayMinute = today.getMinutes();
1238                                                                                            var todaySecond = today.getSeconds();
1239                                                                                            var t1 = Date.UTC(startYear, startMonth, startDate, startHour, startMinute, startSecond);
1240                                                                                            var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond);
1241                                                                                            var diff = t2 - t1;
1242                                                                                            var diffYears = Math.floor(diff / years);
1243                                                                                            var diffDays = Math.floor((diff / days) - diffYears * 365);
1244
1245                                                                                            // 区分是否有年份.
1246                                                                                            var language = 'zh-CN';
1247                                                                                            if (startYear === String(todayYear)) {
1248                                                                                                document.getElementById("year").innerHTML = todayYear;
1249                                                                                                var daysTip = 'This site has been running for ' + diffDays + ' days';
1250                                                                                                if (language === 'zh-CN') {
1251                                                                                                    daysTip = '😎本站已运行 ' + diffDays + ' 天';
1252                                                                                                } else if (language === 'zh-HK') {
1253                                                                                                    daysTip = '本站已運行 ' + diffDays + ' 天';
1254                                                                                                }
1255                                                                                                document.getElementById("sitetime").innerHTML = daysT
1255ip;
1256                                                                                            } else {
1257                                                                                                document.getElementById("year").innerHTML = startYear + " - " + todayYear;
1258                                                                                                var yearsAndDaysTip = 'This site has been running for ' + diffYears + ' years and ' +
1259                                                                                                    diffDays + ' days';
1260                                                                                                if (language === 'zh-CN') {
1261                                                                                                    yearsAndDaysTip = '本站已运行 ' + diffYears + ' 年 ' + diffDays + ' 天';
1262                                                                                                } else if (language === 'zh-HK') {
1263                                                                                                    yearsAndDaysTip = '本站已運行 ' + diffYears + ' 年 ' + diffDays + ' 天';
1264                                                                                                }
1265                                                                                                document.getElementById("sitetime").innerHTML = yearsAndDaysTip;
1266                                                                                            }
1267                                                                                        }
1268
1269                                                                                        calcSiteTime();
1270
1271                                                                                    </script>
1271
1272                                                                                    <span>&nbsp;&nbsp;<a
1273                                                                                            href="https://www.foreverblog.cn/go.html"
1274                                                                                            target="_blank"> <img
1275                                                                                                src="https://img.foreverblog.cn/wormhole_1_tp.gif"
1276                                                                                                alt=""
1277                                                                                                style="width:auto;height:28px;position: relative;top: 7px;"
1278                                                                                                title="穿梭虫洞-随机访问十年之约友链博客"></a></span>
1279                                                                                    
1280                                                                                        <br>
1281                                                                                        
1282                                                                                            <span id="icp"
1283                                                                                                style="font-size: 14px;"><img
1284                                                                                                    src="/medias/icp.png"
1285                                                                                                    style="vertical-align: text-bottom; width: 18px;" />
1286                                                                                                <a href="https://beian.miit.gov.cn"
1287                                                                                                    target="_blank"
1288                                                                                                    style="color: #fff;">
1289                                                                                                    冀ICP备2022002500号-1
1290                                                                                                </a>
1291                                                                                            </span>
1292                                                                                            
1293                                                                                                &nbsp; &nbsp; &nbsp;
1294                                                                                                &nbsp;
1295                                                                                                <span
1296                                                                                                    style="font-size: 14px;"><img
1297                                                                                                        src="https://www.cikian.cn/mypic/gh.png"
1298                                                                                                        style="vertical-align: text-bottom; width: 18px;" />
1299                                                                                                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=13032102000112"
1300                                                                                                        target="_blank"
1301                                                                                                        style="color: #fff;">冀公网安备13032102000112号</a>
1302                                                                                                </span>
1303                    </div>
1304                    <div class="col s12 m4 l4 social-link social-statis">
1305                        
1306    <a href="https://github.com/cikian" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
1307        <i class="fab fa-github"></i>
1308    </a>
1309    
1310
1311        
1312            <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
1313                <i class="fas fa-envelope-open"></i>
1314            </a>
1315            
1316
1317                
1318                    <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">
1319                        <i class="fab fa-facebook-f"></i>
1320                    </a>
1321                    
1322
1323                        
1324                            <a href="https://twitter.com/ChanCikian" class="tooltipped" target="_blank" data-tooltip="关注我的Twitter: https://twitter.com/ChanCikian" data-position="top" data-delay="50">
1325                                <i class="fab fa-twitter"></i>
1326                            </a>
1327                            
1328
1329                                
1330                                    <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">
1331                                        <i class="fab fa-qq"></i>
1332                                    </a>
1333                                    
1334
1335                                        
1336
1337                                                
1338
1339                                                            <!-- 
1340                                                                <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; ">
1341                                                                    CSDN
1342                                                                </a>
1343                                                                 -->
1344
1345                                                                
1346                                                                    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
1347                                                                        <i class="fas fa-rss"></i>
1348                                                                    </a>
1349                                                                    
1350                    </div>
1351                </div>
1352</footer>
1353
1354<div class="progress-bar"></div>
1355
1356    <!-- 搜索遮罩框 -->
1357<div id="searchModal" class="modal">
1358    <div class="modal-content">
1359        <div class="search-header">
1360            <span class="title"><i class="fas fa-search"></i>&nbsp;&nbsp;搜索</span>
1361            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
1362                   class="search-input">
1363        </div>
1364        <div id="searchResult"></div>
1365    </div>
1366</div>
1367
1368<script type="text/javascript">
1369$(function () {
1370    var searchFunc = function (path, search_id, content_id) {
1371        'use strict';
1372        $.ajax({
1373            url: path,
1374            dataType: "xml",
1375            success: function (xmlResponse) {
1376                // get the contents from search data
1377                var datas = $("entry", xmlResponse).map(function () {
1378                    return {
1379                        title: $("title", this).text(),
1380                        content: $("content", this).text(),
1381                        url: $("url", this).text()
1382                    };
1383                }).get();
1384                var $input = document.getElementById(search_id);
1385                var $resultContent = document.getElementById(content_id);
1386                $input.addEventListener('input', function () {
1387                    var str = '<ul class=\"search-result-list\">';
1388                    var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
1389                    $resultContent.innerHTML = "";
1390                    if (this.value.trim().length <= 0) {
1391                        return;
1392                    }
1393                    // perform local searching
1394                    datas.forEach(function (data) {
1395                        var isMatch = true;
1396                        var data_title = data.title.trim().toLowerCase();
1397                        var data_content = data.content.trim().replace(/<[^>]+>/g, "").toLowerCase();
1398                        var data_url = data.url;
1399                        data_url = data_url.indexOf('/') === 0 ? data.url : '/' + data_url;
1400                        var index_title = -1;
1401                        var index_content = -1;
1402                        var first_occur = -1;
1403                        // only match artiles with not empty titles and contents
1404                        if (data_title !== '' && data_content !== '') {
1405                            keywords.forEach(function (keyword, i) {
1406                                index_title = data_title.indexOf(keyword);
1407                                index_content = data_content.indexOf(keyword);
1408                                if (index_title < 0 && index_content < 0) {
1409                                    isMatch = false;
1410                                } else {
1411                                    if (index_content < 0) {
1412                                        index_content = 0;
1413                                    }
1414                                    if (i === 0) {
1415                                        first_occur = index_content;
1416                                    }
1417                                }
1418                            });
1419                        }
1420                        // show search results
1421                        if (isMatch) {
1422                            str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>";
1423                            var content = data.content.trim().replace(/<[^>]+>/g, "");
1424                            if (first_occur >= 0) {
1425                                // cut out 100 characters
1426                                var start = first_occur - 20;
1427                                var end = first_occur + 80;
1428                                if (start < 0) {
1429                                    start = 0;
1430                                }
1431                                if (start === 0) {
1432                                    end = 100;
1433                                }
1434                                if (end > content.length) {
1435                                    end = content.length;
1436                                }
1437                                var match_content = content.substr(start, end);
1438                                // highlight all keywords
1439                                keywords.forEach(function (keyword) {
1440                                    var regS = new RegExp(keyword, "gi");
1441                                    match_content = match_content.replace(regS, "<em class=\"search-keyword\">" + keyword + "</em>");
1442                                });
1443
1444                                str += "<p class=\"search-result\">" + match_content + "...</p>"
1445                            }
1446                            str += "</li>";
1447                        }
1448                    });
1449                    str += "</ul>";
1450                    $resultContent.innerHTML = str;
1451                });
1452            }
1453        });
1454    };
1455
1456    searchFunc('/search.xml', 'searchInput', 'searchResult');
1457});
1458</script>
1458
1459
1460    <!-- 回到顶部按钮 -->
1461<div id="backTop" class="top-scroll">
1462    <a class="btn-floating btn-large waves-effect waves-light" href="#!">
1463        <i class="fas fa-arrow-up"></i>
1464    </a>
1465</div>
1466
1467
1468    
1468<script src="/libs/materialize/materialize.min.js"></script>
1468
1469    
1469<script src="/libs/masonry/masonry.pkgd.min.js"></script>
1469
1470    
1470<script src="/libs/aos/aos.js"></script>
1470
1471    
1471<script src="/libs/scrollprogress/scrollProgress.min.js"></script>
1471
1472    
1472<script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
1472
1473    
1473<script src="/js/matery.js"></script>
1473
1474
1475    
1476
1477    
1478
1479    <!-- 雪花特效 -->
1480    
1481
1482    <!-- 鼠标星星特效 -->
1483    
1484
1485    
1486
1487    <!-- Baidu Analytics -->
1488
1489<script>
1490    var _hmt = _hmt || [];
1491    (function () {
1492        var hm = document.createElement("script");
1493        hm.src = "https://hm.baidu.com/hm.js?86cddc927e2089ece7c606eb0c9350bd";
1494        var s = document.getElementsByTagName("script")[0];
1495        s.parentNode.insertBefore(hm, s);
1496    })();
1497</script>
1497
1498
1499    <!-- Baidu Push -->
1500
1501<script>
1502    (function () {
1503        var bp = document.createElement('script');
1504        var curProtocol = window.location.protocol.split(':')[0];
1505        if (curProtocol === 'https') {
1506            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
1507        } else {
1508            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
1509        }
1510        var s = document.getElementsByTagName("script")[0];
1511        s.parentNode.insertBefore(bp, s);
1512    })();
1513</script>
1513
1514
1515    
1516    
1516<script src="/libs/others/clicklove.js" async="async"></script>
1516
1517    
1518    
1519    
1519<script async src="/libs/others/busuanzi.pure.mini.js"></script>
1519
1520    
1521
1522    
1523
1524    
1525
1526    <!--腾讯兔小巢-->
1527    
1528        <div style="position:fixed;bottom:125px;right:16px;cursor: pointer;">
1529            <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>
1530        </div>
1531    
1532    
1533    
1533<script type="text/javascript" color="0,0,255"
1534        pointColor="0,0,255" opacity='0.7'
1535        zIndex="-1" count="50"
1536        src="/libs/background/canvas-nest.js"></script>
1536
1537    
1538
1539    
1540    
1541    
1541<script type="text/javascript" size="150" alpha='0.6'
1542        zIndex="-1" src="/libs/background/ribbon.min.js" async="async"></script>
1542
1543    
1544
1545    
1546    
1546<script type="text/javascript" src="/libs/background/ribbon-dynamic.js" async="async"></script>
1546
1547    
1548
1549    
1550    
1550<script src="/libs/instantpage/instantpage.js" type="module"></script>
1550
1551    
1552
1553</body>
1554
1555</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.