PageSourceSearch

https://cikian.github.io/categories/

html cikian.github.io collected 2026-10-03 08:47:56 UTC 45,680 bytes, 1,065 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    <div class="bg-cover pd-header about-cover">
419    <div class="container">
420    <div class="row">
421    <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2">
422        <div class="brand">
423            <div class="title center-align">
424                
425                            文章分类
426                                
427
428                                    <!-- 
429                    Cikian
430                         -->
431            </div>
432
433            <div class="description center-align">
434                
435                    <span id="subtitle"></span>
436                    
436<script src="/js/typed.js"></script>
436
437                    
437<script>
438                        var typed = new Typed("#subtitle", {
439                            strings: [
440                                
441                                "过去已过去, 未来还未来",
442                                
443                                "The past is past, the future is not yet",
444                                
445                            ],
446                            startDelay: 300,
447                            typeSpeed: 100,
448                            loop: true,
449                            backSpeed: 50,
450                            showCursor: true
451                        });
452                    </script>
452
453                    
454            </div>
455        </div>
456    </div>
457</div>
458
459
460    
460<script>
461        // 每天切换 banner 图.  Switch banner image every day.
462        var bannerUrl = "/medias/banner/" + new Date().getDay() + '.jpg';
463        $('.bg-cover').css('background-image', 'url(' + bannerUrl + ')');
464        // $('.bg-cover').css('background-size', 'cover');
465    </script>
465
466    
467    </div>
468</div>
469
470<main class="content">
471
472    
473
474<div id="category-cloud" class="container chip-container">
475    <div class="card">
476        <div class="card-content">
477            <div class="tag-title center-align">
478                <i class="fas fa-bookmark"></i>&nbsp;&nbsp;文章分类
479            </div>
480            <div class="tag-chips">
481                
482                
483                
484                <a href="/categories/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/" title="问题解决: 3">
485                    <span class="chip center-align waves-effect waves-light
486                             chip-default "
487                            style="background-color: #F9EBEA;">问题解决
488                        <span class="tag-length">3</span>
489                    </span>
490                </a>
491                
492                
493                <a href="/categories/%E6%95%99%E7%A8%8B/" title="教程: 5">
494                    <span class="chip center-align waves-effect waves-light
495                             chip-default "
496                            style="background-color: #F5EEF8;">教程
497                        <span class="tag-length">5</span>
498                    </span>
499                </a>
500                
501                
502                <a href="/categories/%E7%AC%94%E8%AE%B0/" title="笔记: 11">
503                    <span class="chip center-align waves-effect waves-light
504                             chip-default "
505                            style="background-color: #D5F5E3;">笔记
506                        <span class="tag-length">11</span>
507                    </span>
508                </a>
509                
510                
511                <a href="/categories/Java/" title="Java: 10">
512                    <span class="chip center-align waves-effect waves-light
513                             chip-default "
514                            style="background-color: #E8F8F5;">Java
515                        <span class="tag-length">10</span>
516                    </span>
517                </a>
518                
519                
520                <a href="/categories/%E7%AC%94%E8%AE%B0/JavaScript/" title="JavaScript: 4">
521                    <span class="chip center-align waves-effect waves-light
522                             chip-default "
523                            style="background-color: #FEF9E7;">JavaScript
524                        <span class="tag-length">4</span>
525                    </span>
526                </a>
527                
528                
529                <a href="/categories/%E5%B0%8F%E7%8E%A9%E6%84%8F/" title="小玩意: 2">
530                    <span class="chip center-align waves-effect waves-light
531                             chip-default "
532                            style="background-color: #F8F9F9;">小玩意
533                        <span class="tag-length">2</span>
534                    </span>
535                </a>
536                
537                
538                <a href="/categories/%E7%AC%94%E8%AE%B0/MySQL/" title="MySQL: 2">
539                    <span class="chip center-align waves-effect waves-light
540                             chip-default "
541                            style="background-color: #82E0AA;">MySQL
542                        <span class="tag-length">2</span>
543                    </span>
544                </a>
545                
546                
547                <a href="/categories/Linux/" title="Linux: 1">
548                    <span class="chip center-align waves-effect waves-light
549                             chip-default "
550                            style="background-color: #D7BDE2;">Linux
551                        <span class="tag-length">1</span>
552                    </span>
553                </a>
554                
555                
556                <a href="/categories/Python/" title="Python: 1">
557                    <span class="chip center-align waves-effect waves-light
558                             chip-default "
559                            style="background-color: #A3E4D7;">Python
560                        <span class="tag-length">1</span>
561                    </span>
562                </a>
563                
564                
565                <a href="/categories/Java/%E6%95%99%E7%A8%8B/" title="教程: 1">
566                    <span class="chip center-align waves-effect waves-light
567                             chip-default "
568                            style="background-color: #85C1E9;">教程
569                        <span class="tag-length">1</span>
570                    </span>
571                </a>
572                
573                
574                <a href="/categories/Spring/" title="Spring: 7">
575                    <span class="chip center-align waves-effect waves-light
576                             chip-default "
577                            style="background-color: #F8C471;">Spring
578                        <span class="tag-length">7</span>
579                    </span>
580                </a>
581                
582                
583                <a href="/categories/%E7%AC%94%E8%AE%B0/Spring/" title="Spring: 3">
584                    <span class="chip center-align waves-effect waves-light
585                             chip-default "
586                            style="background-color: #F9E79F;">Spring
587                        <span class="tag-length">3</span>
588                    </span>
589                </a>
590                
591                
592                <a href="/categories/%E5%88%86%E4%BA%AB/" title="分享: 1">
593                    <span class="chip center-align waves-effect waves-light
594                             chip-default "
595                            style="background-color: #FEF9E7;">分享
596                        <span class="tag-length">1</span>
597                    </span>
598                </a>
599                
600                
601                <a href="/categories/%E5%B0%8F%E7%A8%8B%E5%BA%8F/" title="小程序: 1">
602                    <span class="chip center-align waves-effect waves-light
603                             chip-default "
604                            style="background-color: #F8C471;">小程序
605                        <span class="tag-length">1</span>
606                    </span>
607                </a>
608                
609                
610            </div>
611        </div>
612    </div>
613</div>
614
615
616    
617    <style type="text/css">
618    #category-radar {
619        width: 100%;
620        height: 360px;
621    }
622</style>
623
624<div class="container" data-aos="fade-up">
625    <div class="card">
626        <div id="category-radar" class="card-content"></div>
627    </div>
628</div>
629
630<script type="text/javascript" src="/libs/echarts/echarts.min.js"></script>
vendor: 1 bytes, line 630
630
631<script type="text/javascript">
632    let radarChart = echarts.init(document.getElementById('category-radar'));
633
634    
635
636    let option = {
637        title: {
638            left: 'center',
639            text: '文章分类雷达图',
640            textStyle: {
641                fontWeight: 500,
642                fontSize: 22
643            }
644        },
645        tooltip: {},
646        radar: {
647            name: {
648                textStyle: {
649                    color: '#3C4858'
650                }
651            },
652            indicator: [{"name":"问题解决","max":12},{"name":"教程","max":12},{"name":"笔记","max":12},{"name":"Java","max":12},{"name":"JavaScript","max":12},{"name":"小玩意","max":12},{"name":"MySQL","max":12},{"name":"Linux","max":12},{"name":"Python","max":12},{"name":"教程","max":12},{"name":"Spring","max":12},{"name":"Spring","max":12},{"name":"分享","max":12},{"name":"小程序","max":12}],
653            nameGap: 5,
654            center: ['50%','55%'],
655            radius: '66%'
656        },
657        series: [{
658            type: 'radar',
659            color: ['#3ecf8e'],
660            itemStyle: {normal: {areaStyle: {type: 'default'}}},
661            data : [
662                {
663                    value : [3,5,11,10,4,2,2,1,1,1,7,3,1,1],
664                    name : '文章分类数量'
665                }
666            ]
667        }]
668    };
669
670    radarChart.setOption(option);
671</script>
671
672
673    
674
675</main>
676
677
678    <footer class="page-footer bg-color">
679    
680
681                <div class="container row center-align"
682                    style="margin-bottom: 15px !important;">
683                    <div class="col s12 m8 l8 copy-right">
684                        ❤️Copyright&nbsp;&copy;
685                        
686                            <span id="year">
687                                2022-2024
688                            </span>
689                            
690                                    <a href="/about" target="_blank">
691                                        Cikian
692                                    </a>
693                                    |&nbsp;Powered by&nbsp;<a href="https://hexo.io/" target="_blank">Hexo</a>
694                                    |&nbsp;Theme&nbsp;
695                                    <a href="https://www.cikian.cn" target="_blank">Matery
696                                    </a>❤️
697                                    <br>
698                                    
699                                        &nbsp;<i class="fas fa-chart-area"></i>&nbsp;
700                                        站点总字数:&nbsp;<span class="white-color">
701                                                46.1k
702                                            </span>
703                                            
704                                                
705                                                    
706                                                        
707                                                            
708                                                                
709                                                                    <span id="busuanzi_container_site_pv">
710                                                                        &nbsp;|&nbsp;<i class="far fa-eye"></i>&nbsp;总访问量:&nbsp;
711                                                                            <span id="busuanzi_value_site_pv"
712                                                                                class="white-color"></span>
713                                                                    </span>
714                                                                    
715                                                                        
716                                                                            <span id="busuanzi_container_site_uv">
717                                                                                &nbsp;|&nbsp;<i
718                                                                                    class="fas fa-users"></i>&nbsp;总访问人数:&nbsp;
719                                                                                    <span id="busuanzi_value_site_uv"
720                                                                                        class="white-color"></span>
721                                                                            </span>
722                                                                            
723                                                                                <br>
724
725                                                                                <!-- 运行天数提醒. -->
726                                                                                
727                                                                                    <span id="sitetime"> Loading
728                                                                                        ...</span>
729                                                                                    
729<script>
730                                                                                        var calcSiteTime = function () {
731                                                                                            var seconds = 1000;
732                                                                                            var minutes = seconds * 60;
733                                                                                            var hours = minutes * 60;
734                                                                                            var days = hours * 24;
735                                                                                            var years = days * 365;
736                                                                                            var today = new Date();
737                                                                                            var startYear = "2022";
738                                                                                            var startMonth = "2";
739                                                                                            var startDate = "6";
740                                                                                            var startHour = "0";
741                                                                                            var startMinute = "0";
742                                                                                            var startSecond = "0";
743                                                                                            var todayYear = today.getFullYear();
744                                                                                            var todayMonth = today.getMonth() + 1;
745                                                                                            var todayDate = today.getDate();
746                                                                                            var todayHour = today.getHours();
747                                                                                            var todayMinute = today.getMinutes();
748                                                                                            var todaySecond = today.getSeconds();
749                                                                                            var t1 = Date.UTC(startYear, startMonth, startDate, startHour, startMinute, startSecond);
750                                                                                            var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond);
751                                                                                            var diff = t2 - t1;
752                                                                                            var diffYears = Math.floor(diff / years);
753                                                                                            var diffDays = Math.floor((diff / days) - diffYears * 365);
754
755                                                                                            // 区分是否有年份.
756                                                                                            var language = 'zh-CN';
757                                                                                            if (startYear === String(todayYear)) {
758                                                                                                document.getElementById("year").innerHTML = todayYear;
759                                                                                                var daysTip = 'This site has been running for ' + diffDays + ' days';
760                                                                                                if (language === 'zh-CN') {
761                                                                                                    daysTip = '😎本站已运行 ' + diffDays + ' 天';
762                                                                                                } else if (language === 'zh-HK') {
763                                                                                                    daysTip = '本站已運行 ' + diffDays + ' 天';
764                                                                                                }
765                                                                                                document.getElementById("sitetime").innerHTML = daysT
765ip;
766                                                                                            } else {
767                                                                                                document.getElementById("year").innerHTML = startYear + " - " + todayYear;
768                                                                                                var yearsAndDaysTip = 'This site has been running for ' + diffYears + ' years and ' +
769                                                                                                    diffDays + ' days';
770                                                                                                if (language === 'zh-CN') {
771                                                                                                    yearsAndDaysTip = '本站已运行 ' + diffYears + ' 年 ' + diffDays + ' 天';
772                                                                                                } else if (language === 'zh-HK') {
773                                                                                                    yearsAndDaysTip = '本站已運行 ' + diffYears + ' 年 ' + diffDays + ' 天';
774                                                                                                }
775                                                                                                document.getElementById("sitetime").innerHTML = yearsAndDaysTip;
776                                                                                            }
777                                                                                        }
778
779                                                                                        calcSiteTime();
780
781                                                                                    </script>
781
782                                                                                    <span>&nbsp;&nbsp;<a
783                                                                                            href="https://www.foreverblog.cn/go.html"
784                                                                                            target="_blank"> <img
785                                                                                                src="https://img.foreverblog.cn/wormhole_1_tp.gif"
786                                                                                                alt=""
787                                                                                                style="width:auto;height:28px;position: relative;top: 7px;"
788                                                                                                title="穿梭虫洞-随机访问十年之约友链博客"></a></span>
789                                                                                    
790                                                                                        <br>
791                                                                                        
792                                                                                            <span id="icp"
793                                                                                                style="font-size: 14px;"><img
794                                                                                                    src="/medias/icp.png"
795                                                                                                    style="vertical-align: text-bottom; width: 18px;" />
796                                                                                                <a href="https://beian.miit.gov.cn"
797                                                                                                    target="_blank"
798                                                                                                    style="color: #fff;">
799                                                                                                    冀ICP备2022002500号-1
800                                                                                                </a>
801                                                                                            </span>
802                                                                                            
803                                                                                                &nbsp; &nbsp; &nbsp;
804                                                                                                &nbsp;
805                                                                                                <span
806                                                                                                    style="font-size: 14px;"><img
807                                                                                                        src="https://www.cikian.cn/mypic/gh.png"
808                                                                                                        style="vertical-align: text-bottom; width: 18px;" />
809                                                                                                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=13032102000112"
810                                                                                                        target="_blank"
811                                                                                                        style="color: #fff;">冀公网安备13032102000112号</a>
812                                                                                                </span>
813                    </div>
814                    <div class="col s12 m4 l4 social-link social-statis">
815                        
816    <a href="https://github.com/cikian" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
817        <i class="fab fa-github"></i>
818    </a>
819    
820
821        
822            <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
823                <i class="fas fa-envelope-open"></i>
824            </a>
825            
826
827                
828                    <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">
829                        <i class="fab fa-facebook-f"></i>
830                    </a>
831                    
832
833                        
834                            <a href="https://twitter.com/ChanCikian" class="tooltipped" target="_blank" data-tooltip="关注我的Twitter: https://twitter.com/ChanCikian" data-position="top" data-delay="50">
835                                <i class="fab fa-twitter"></i>
836                            </a>
837                            
838
839                                
840                                    <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">
841                                        <i class="fab fa-qq"></i>
842                                    </a>
843                                    
844
845                                        
846
847                                                
848
849                                                            <!-- 
850                                                                <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; ">
851                                                                    CSDN
852                                                                </a>
853                                                                 -->
854
855                                                                
856                                                                    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
857                                                                        <i class="fas fa-rss"></i>
858                                                                    </a>
859                                                                    
860                    </div>
861                </div>
862</footer>
863
864<div class="progress-bar"></div>
865
866    <!-- 搜索遮罩框 -->
867<div id="searchModal" class="modal">
868    <div class="modal-content">
869        <div class="search-header">
870            <span class="title"><i class="fas fa-search"></i>&nbsp;&nbsp;搜索</span>
871            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
872                   class="search-input">
873        </div>
874        <div id="searchResult"></div>
875    </div>
876</div>
877
878<script type="text/javascript">
879$(function () {
880    var searchFunc = function (path, search_id, content_id) {
881        'use strict';
882        $.ajax({
883            url: path,
884            dataType: "xml",
885            success: function (xmlResponse) {
886                // get the contents from search data
887                var datas = $("entry", xmlResponse).map(function () {
888                    return {
889                        title: $("title", this).text(),
890                        content: $("content", this).text(),
891                        url: $("url", this).text()
892                    };
893                }).get();
894                var $input = document.getElementById(search_id);
895                var $resultContent = document.getElementById(content_id);
896                $input.addEventListener('input', function () {
897                    var str = '<ul class=\"search-result-list\">';
898                    var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
899                    $resultContent.innerHTML = "";
900                    if (this.value.trim().length <= 0) {
901                        return;
902                    }
903                    // perform local searching
904                    datas.forEach(function (data) {
905                        var isMatch = true;
906                        var data_title = data.title.trim().toLowerCase();
907                        var data_content = data.content.trim().replace(/<[^>]+>/g, "").toLowerCase();
908                        var data_url = data.url;
909                        data_url = data_url.indexOf('/') === 0 ? data.url : '/' + data_url;
910                        var index_title = -1;
911                        var index_content = -1;
912                        var first_occur = -1;
913                        // only match artiles with not empty titles and contents
914                        if (data_title !== '' && data_content !== '') {
915                            keywords.forEach(function (keyword, i) {
916                                index_title = data_title.indexOf(keyword);
917                                index_content = data_content.indexOf(keyword);
918                                if (index_title < 0 && index_content < 0) {
919                                    isMatch = false;
920                                } else {
921                                    if (index_content < 0) {
922                                        index_content = 0;
923                                    }
924                                    if (i === 0) {
925                                        first_occur = index_content;
926                                    }
927                                }
928                            });
929                        }
930                        // show search results
931                        if (isMatch) {
932                            str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>";
933                            var content = data.content.trim().replace(/<[^>]+>/g, "");
934                            if (first_occur >= 0) {
935                                // cut out 100 characters
936                                var start = first_occur - 20;
937                                var end = first_occur + 80;
938                                if (start < 0) {
939                                    start = 0;
940                                }
941                                if (start === 0) {
942                                    end = 100;
943                                }
944                                if (end > content.length) {
945                                    end = content.length;
946                                }
947                                var match_content = content.substr(start, end);
948                                // highlight all keywords
949                                keywords.forEach(function (keyword) {
950                                    var regS = new RegExp(keyword, "gi");
951                                    match_content = match_content.replace(regS, "<em class=\"search-keyword\">" + keyword + "</em>");
952                                });
953
954                                str += "<p class=\"search-result\">" + match_content + "...</p>"
955                            }
956                            str += "</li>";
957                        }
958                    });
959                    str += "</ul>";
960                    $resultContent.innerHTML = str;
961                });
962            }
963        });
964    };
965
966    searchFunc('/search.xml', 'searchInput', 'searchResult');
967});
968</script>
968
969
970    <!-- 回到顶部按钮 -->
971<div id="backTop" class="top-scroll">
972    <a class="btn-floating btn-large waves-effect waves-light" href="#!">
973        <i class="fas fa-arrow-up"></i>
974    </a>
975</div>
976
977
978    
978<script src="/libs/materialize/materialize.min.js"></script>
978
979    
979<script src="/libs/masonry/masonry.pkgd.min.js"></script>
979
980    
980<script src="/libs/aos/aos.js"></script>
980
981    
981<script src="/libs/scrollprogress/scrollProgress.min.js"></script>
981
982    
982<script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
982
983    
983<script src="/js/matery.js"></script>
983
984
985    
986
987    
988
989    <!-- 雪花特效 -->
990    
991
992    <!-- 鼠标星星特效 -->
993    
994
995    
996
997    <!-- Baidu Analytics -->
998
999<script>
1000    var _hmt = _hmt || [];
1001    (function () {
1002        var hm = document.createElement("script");
1003        hm.src = "https://hm.baidu.com/hm.js?86cddc927e2089ece7c606eb0c9350bd";
1004        var s = document.getElementsByTagName("script")[0];
1005        s.parentNode.insertBefore(hm, s);
1006    })();
1007</script>
1007
1008
1009    <!-- Baidu Push -->
1010
1011<script>
1012    (function () {
1013        var bp = document.createElement('script');
1014        var curProtocol = window.location.protocol.split(':')[0];
1015        if (curProtocol === 'https') {
1016            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
1017        } else {
1018            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
1019        }
1020        var s = document.getElementsByTagName("script")[0];
1021        s.parentNode.insertBefore(bp, s);
1022    })();
1023</script>
1023
1024
1025    
1026    
1026<script src="/libs/others/clicklove.js" async="async"></script>
1026
1027    
1028    
1029    
1029<script async src="/libs/others/busuanzi.pure.mini.js"></script>
1029
1030    
1031
1032    
1033
1034    
1035
1036    <!--腾讯兔小巢-->
1037    
1038        <div style="position:fixed;bottom:125px;right:16px;cursor: pointer;">
1039            <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>
1040        </div>
1041    
1042    
1043    
1043<script type="text/javascript" color="0,0,255"
1044        pointColor="0,0,255" opacity='0.7'
1045        zIndex="-1" count="50"
1046        src="/libs/background/canvas-nest.js"></script>
1046
1047    
1048
1049    
1050    
1051    
1051<script type="text/javascript" size="150" alpha='0.6'
1052        zIndex="-1" src="/libs/background/ribbon.min.js" async="async"></script>
1052
1053    
1054
1055    
1056    
1056<script type="text/javascript" src="/libs/background/ribbon-dynamic.js" async="async"></script>
1056
1057    
1058
1059    
1060    
1060<script src="/libs/instantpage/instantpage.js" type="module"></script>
1060
1061    
1062
1063</body>
1064
1065</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.