PageSourceSearch

https://lkhsss-github-io.pages.dev/about/

html lkhsss-github-io.pages.dev collected 2026-10-03 05:39:57 UTC 32,185 bytes, 1,004 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="关于, 12班纪念网站">
8    <meta name="description" content="一个纪念初中班级的网站">
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    
21
22    <title>关于 | 12班纪念网站</title>
23    <link rel="icon" type="image/png" href="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/mymedias/%E7%8F%AD%E5%BE%BD.png">
24
25    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/libs/awesome/css/all.min.css">
26    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/libs/materialize/materialize.min.css">
27    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/libs/aos/aos.css">
28    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/libs/animate/animate.min.css">
29    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/libs/lightGallery/css/lightgallery.min.css">
30    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/css/matery.css">
31    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/css/my.css">
32
33    
33<script src="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/libs/jquery/jquery-3.6.0.min.js"></script>
33
34
35<meta name="generator" content="Hexo 6.1.0">
36<style>.github-emoji { position: relative; display: inline-block; width: 1.2em; min-height: 1.2em; overflow: hidden; vertical-align: top; color: transparent; }  .github-emoji > span { position: relative; z-index: 10; }  .github-emoji img, .github-emoji .fancybox { margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; text-decoration: none !important; user-select: none !important; cursor: auto !important; }  .github-emoji img { height: 1.2em !important; width: 1.2em !important; position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; user-select: none !important; cursor: auto !important; } .github-emoji-fallback { color: inherit; } .github-emoji-fallback img { opacity: 0 !important; }</style>
37<link rel="alternate" href="/atom.xml" title="12班纪念网站" type="application/atom+xml">
38</head>
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="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/mymedias/%E7%8F%AD%E5%BE%BD.png" class="logo-img" alt="LOGO">
49                    
50                    <span class="logo-span">12班纪念网站</span>
51                </a>
52            </div>
53            
54
55<a href="#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fas fa-bars"></i></a>
56<ul class="right nav-menu">
57  
58  <li class="hide-on-med-and-down nav-item">
59    
60    <a href="/" class="waves-effect waves-light">
61      
62      <i class="fas fa-home" style="zoom: 0.6;"></i>
63      
64      <span>首页</span>
65    </a>
66    
67  </li>
68  
69  <li class="hide-on-med-and-down nav-item">
70    
71    <a href="/tags" class="waves-effect waves-light">
72      
73      <i class="fas fa-tags" style="zoom: 0.6;"></i>
74      
75      <span>标签</span>
76    </a>
77    
78  </li>
79  
80  <li class="hide-on-med-and-down nav-item">
81    
82    <a href="/categories" class="waves-effect waves-light">
83      
84      <i class="fas fa-bookmark" style="zoom: 0.6;"></i>
85      
86      <span>分类</span>
87    </a>
88    
89  </li>
90  
91  <li class="hide-on-med-and-down nav-item">
92    
93    <a href="/archives" class="waves-effect waves-light">
94      
95      <i class="fas fa-archive" style="zoom: 0.6;"></i>
96      
97      <span>归档</span>
98    </a>
99    
100  </li>
101  
102  <li class="hide-on-med-and-down nav-item">
103    
104    <a href="" class="waves-effect waves-light">
105
106      
107      <i class="fas fa-user-circle" style="zoom: 0.6;"></i>
108      
109      <span>关于</span>
110      <i class="fas fa-chevron-down" aria-hidden="true" style="zoom: 0.6;"></i>
111    </a>
112    <ul class="sub-nav menus_item_child ">
113      
114      <li>
115        <a href="/about">
116          
117          <span>关于</span>
118        </a>
119      </li>
120      
121      <li>
122        <a href="/aboutme">
123          
124          <i class="fas fa-user-circle" style="margin-top: -20px; zoom: 0.6;"></i>
125          
126          <span>关于我</span>
127        </a>
128      </li>
129      
130    </ul>
131    
132  </li>
133  
134  <li class="hide-on-med-and-down nav-item">
135    
136    <a href="/contact" class="waves-effect waves-light">
137      
138      <i class="fas fa-comments" style="zoom: 0.6;"></i>
139      
140      <span>弹幕留言板</span>
141    </a>
142    
143  </li>
144  
145  <li class="hide-on-med-and-down nav-item">
146    
147    <a href="" class="waves-effect waves-light">
148
149      
150      <i class="fas fa-plane" style="zoom: 0.6;"></i>
151      
152      <span>小游戏</span>
153      <i class="fas fa-chevron-down" aria-hidden="true" style="zoom: 0.6;"></i>
154    </a>
155    <ul class="sub-nav menus_item_child ">
156      
157      <li>
158        <a href="/games/FencingwithTom">
159          
160          <i class="fas fa-map" style="margin-top: -20px; zoom: 0.6;"></i>
161          
162          <span>和龚书逸击剑</span>
163        </a>
164      </li>
165      
166      <li>
167        <a href="/games/Chromedino">
168          
169          <i class="fas fa-horse" style="margin-top: -20px; zoom: 0.6;"></i>
170          
171          <span>跳跳马</span>
172        </a>
173      </li>
174      
175    </ul>
176    
177  </li>
178  
179  <li>
180    <a href="#searchModal" class="modal-trigger waves-effect waves-light">
181      <i id="searchIcon" class="fas fa-search" title="搜索" style="zoom: 0.85;"></i>
182    </a>
183  </li>
184</ul>
185
186
187<div id="mobile-nav" class="side-nav sidenav">
188
189    <div class="mobile-head bg-color">
190        
191        <img src="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/mymedias/%E7%8F%AD%E5%BE%BD.png" class="logo-img circle responsive-img">
192        
193        <div class="logo-name">12班纪念网站</div>
194        <div class="logo-desc">
195            
196            一个纪念初中班级的网站
197            
198        </div>
199    </div>
200
201    <ul class="menu-list mobile-menu-list">
202        
203        <li class="m-nav-item">
204	  
205		<a href="/" class="waves-effect waves-light">
206			
207			    <i class="fa-fw fas fa-home"></i>
208			
209			首页
210		</a>
211          
212        </li>
213        
214        <li class="m-nav-item">
215	  
216		<a href="/tags" class="waves-effect waves-light">
217			
218			    <i class="fa-fw fas fa-tags"></i>
219			
220			标签
221		</a>
222          
223        </li>
224        
225        <li class="m-nav-item">
226	  
227		<a href="/categories" class="waves-effect waves-light">
228			
229			    <i class="fa-fw fas fa-bookmark"></i>
230			
231			分类
232		</a>
233          
234        </li>
235        
236        <li class="m-nav-item">
237	  
238		<a href="/archives" class="waves-effect waves-light">
239			
240			    <i class="fa-fw fas fa-archive"></i>
241			
242			归档
243		</a>
244          
245        </li>
246        
247        <li class="m-nav-item">
248	  
249		<a href="javascript:;">
250			
251				<i class="fa-fw fas fa-user-circle"></i>
252			
253			关于
254			<span class="m-icon"><i class="fas fa-chevron-right"></i></span>
255		</a>
256            <ul  style="background:  ;" >
257              
258                <li>
259
260                  <a href="/about " style="margin-left:75px">
261				  
262		          <span>关于</span>
263                  </a>
264                </li>
265              
266                <li>
267
268                  <a href="/aboutme " style="margin-left:75px">
269				  
270				   <i class="fa fas fa-user-circle" style="position: absolute;left:50px" ></i>
271			      
272		          <span>关于我</span>
273                  </a>
274                </li>
275              
276            </ul>
277          
278        </li>
279        
280        <li class="m-nav-item">
281	  
282		<a href="/contact" class="waves-effect waves-light">
283			
284			    <i class="fa-fw fas fa-comments"></i>
285			
286			弹幕留言板
287		</a>
288          
289        </li>
290        
291        <li class="m-nav-item">
292	  
293		<a href="javascript:;">
294			
295				<i class="fa-fw fas fa-plane"></i>
296			
297			小游戏
298			<span class="m-icon"><i class="fas fa-chevron-right"></i></span>
299		</a>
300            <ul  style="background:  ;" >
301              
302                <li>
303
304                  <a href="/games/FencingwithTom " style="margin-left:75px">
305				  
306				   <i class="fa fas fa-map" style="position: absolute;left:50px" ></i>
307			      
308		          <span>和龚书逸击剑</span>
309                  </a>
310                </li>
311              
312                <li>
313
314                  <a href="/games/Chromedino " style="margin-left:75px">
315				  
316				   <i class="fa fas fa-horse" style="position: absolute;left:50px" ></i>
317			      
318		          <span>跳跳马</span>
319                  </a>
320                </li>
321              
322            </ul>
323          
324        </li>
325        
326        
327    </ul>
328</div>
329
330
331        </div>
332
333        
334    </nav>
335
336</header>
337
338    <style type="text/css">
339    /* don't remove. */
340    .about-cover {
341        height: 75vh;
342    }
343</style>
344
345<div class="bg-cover pd-header about-cover">
346    <div class="container">
347    <div class="row">
348    <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2">
349        <div class="brand">
350            <div class="title center-align">
351                
352                致永远的12班
353                
354            </div>
355
356            <div class="description center-align">
357                
358                <span id="subtitle"></span>
359                
359<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
359
360                
360<script>
361                    var typed = new Typed("#subtitle", {
362                        strings: [ 
363                            
364                                "越努力,越幸运!",
365                            
366                                "The harder you work, the luckier you will be!",
367                            
368                        ],
369                        startDelay: 600,
370                        typeSpeed: 120,
371                        loop: true,
372                        backSpeed: 90,
373                        showCursor: true
374                    });
375                </script>
375
376                
377            </div>
378        </div>
379    </div>
380</div>
381
382
383<script>
384    // 每天切换 banner 图.  Switch banner image every day.
385    var bannerUrl = "https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/medias/banner/" + new Date().getDay() + '.jpg';
386    $('.bg-cover').css('background-image', 'url(' + bannerUrl + ')');
387</script>
387
388
389
390    </div>
391</div>
392
393<main class="content">
394
395    <div id="aboutme" class="container about-container">
396        <div class="card">
397            <div class="card-content">
398                <div class="row">
399                    <div class="post-statis col l4 hide-on-med-and-down" data-aos="zoom-in-right">
400                        
401<div class="statis">
402    <span class="count"><a href="/">4</a></span>
403    <span class="name">文章</span>
404</div>
405
406
407
408<div class="statis">
409    <span class="count"><a href="/categories">3</a></span>
410    <span class="name">分类</span>
411</div>
412
413
414
415<div class="statis">
416    <span class="count"><a href="/tags">3</a></span>
417    <span class="name">标签</span>
418</div>
419
420
421                    </div>
422                    <div class="col s12 m12 l4">
423                        <div class="profile center-align">
424                            <div class="avatar">
425                                <img src="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/mymedias/%E7%8F%AD%E5%BE%BD.jpg" alt="Lkh"
426                                     class="circle responsive-img avatar-img">
427                            </div>
428                            <div class="author">
429                                <div class="post-statis hide-on-large-only" data-aos="zoom-in-right">
430                                    
431<div class="statis">
432    <span class="count"><a href="/">4</a></span>
433    <span class="name">文章</span>
434</div>
435
436
437
438<div class="statis">
439    <span class="count"><a href="/categories">3</a></span>
440    <span class="name">分类</span>
441</div>
442
443
444
445<div class="statis">
446    <span class="count"><a href="/tags">3</a></span>
447    <span class="name">标签</span>
448</div>
449
450
451                                </div>
452                                <div class="title">初2019级12班</div>
453                                <div class="career">一个有爱的班级!</div>
454                                <div class="social-link hide-on-large-only" data-aos="zoom-in-left">
455                                    
456    <a href="https://github.com/lkhsss" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
457        <i class="fab fa-github"></i>
458    </a>
459
460
461
462    <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
463        <i class="fas fa-envelope-open"></i>
464    </a>
465
466
467
468
469
470
471
472    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=3458162679" class="tooltipped" target="_blank" data-tooltip="QQ联系我: 3458162679" data-position="top" data-delay="50">
473        <i class="fab fa-qq"></i>
474    </a>
475
476
477
478
479
480
481
482
483                                </div>
484                            </div>
485                        </div>
486                    </div>
487                    <div class="col l4 hide-on-med-and-down" data-aos="zoom-in-left">
488                        <div class="social-link">
489                            
490    <a href="https://github.com/lkhsss" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
491        <i class="fab fa-github"></i>
492    </a>
493
494
495
496    <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
497        <i class="fas fa-envelope-open"></i>
498    </a>
499
500
501
502
503
504
505
506    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=3458162679" class="tooltipped" target="_blank" data-tooltip="QQ联系我: 3458162679" data-position="top" data-delay="50">
507        <i class="fab fa-qq"></i>
508    </a>
509
510
511
512
513
514
515
516
517                        </div>
518                    </div>
519                </div>
520
521                <div class="introduction center-align" data-aos="fade-up">初2019级12班是教师阶级领导的、以学生联盟为基础的民主专政的班级。学习主义制度是12班的根本制度。程老的领导是12班特色学习主义最本质的特征。禁止任何团体或者同学破坏学习主义制度。</div>
522
523                <style type="text/css">
524    #posts-chart,
525    #categories-chart,
526    #tags-chart {
527        width: 100%;
528        height: 300px;
529        margin: 0.5rem auto;
530        padding: 0.5rem;
531    }
532</style>
533
534<div id="postCharts" class="post-charts">
535    <div class="title center-align" data-aos="zoom-in-up">
536        <i class="far fa-bar-chart"></i>&nbsp;&nbsp;文章统计图
537    </div>
538    <div class="row">
539        <div class="chart col s12 m6 l4" data-aos="zoom-in-up">
540            <div id="posts-chart"></div>
541        </div>
542
543        <div class="chart col s12 m6 l4" data-aos="zoom-in-up">
544            <div id="categories-chart"></div>
545        </div>
546
547        <div class="chart col s12 m6 l4" data-aos="zoom-in-up">
548            <div id="tags-chart"></div>
549        </div>
550    </div>
551</div>
552
553<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/libs/echarts/echarts.min.js"></script>
vendor: 1 bytes, line 553
553
554<script>
555    let postsChart = echarts.init(document.getElementById('posts-chart'));
556    let categoriesChart = echarts.init(document.getElementById('categories-chart'));
557    let tagsChart = echarts.init(document.getElementById('tags-chart'));
558
559    
560
561    let postsOption = {
562        title: {
563            text: '文章发布统计图',
564            top: -5,
565            x: 'center'
566        },
567        tooltip: {
568            trigger: 'axis'
569        },
570        xAxis: {
571            type: 'category',
572            data: ["2021-10","2021-11","2021-12","2022-01","2022-02","2022-03","2022-04","2022-05","2022-06","2022-07","2022-08","2022-09","2022-10"]
573        },
574        yAxis: {
575            type: 'value',
576        },
577        series: [
578            {
579                name: '文章篇数',
580                type: 'line',
581                color: ['#6772e5'],
582                data: [0,0,0,0,0,0,1,3,0,0,0,0,0],
583                markPoint: {
584                    symbolSize: 45,
585                    color: ['#fa755a','#3ecf8e','#82d3f4'],
586                    data: [{
587                        type: 'max',
588                        itemStyle: {color: ['#3ecf8e']},
589                        name: '最大值'
590                    }, {
591                        type: 'min',
592                        itemStyle: {color: ['#fa755a']},
593                        name: '最小值'
594                    }]
595                },
596                markLine: {
597                    itemStyle: {color: ['#ab47bc']},
598                    data: [
599                        {type: 'average', name: '平均值'}
600                    ]
601                }
602            }
603        ]
604    };
605
606    
607
608    let categoriesOption = {
609        title: {
610            text: '文章分类统计图',
611            top: -4,
612            x: 'center'
613        },
614        tooltip: {
615            trigger: 'item',
616            formatter: "{a} <br/>{b} : {c} ({d}%)"
617        },
618        series: [
619            {
620                name: '分类',
621                type: 'pie',
622                radius: '50%',
623                color: ['#6772e5', '#ff9e0f', '#fa755a', '#3ecf8e', '#82d3f4', '#ab47bc', '#525f7f', '#f51c47', '#26A69A'],
624                data: [{"name":"公告","value":1},{"name":"告白","value":1},{"name":"致老师","value":2}],
625                itemStyle: {
626                    emphasis: {
627                        shadowBlur: 10,
628                        shadowOffsetX: 0,
629                        shadowColor: 'rgba(0, 0, 0, 0.5)'
630                    }
631                }
632            }
633        ]
634    };
635
636    
637
638    let tagsOption = {
639        title: {
640            text: 'TOP10 标签统计图',
641            top: -5,
642            x: 'center'
643        },
644        tooltip: {},
645        xAxis: [
646            {
647                type: 'category',
648                data: ["告白","日志","祝福"]
649            }
650        ],
651        yAxis: [
652            {
653                type: 'value'
654            }
655        ],
656        series: [
657            {
658                type: 'bar',
659                color: ['#82d3f4'],
660                barWidth : 18,
661                data: [2,1,1],
662                markPoint: {
663                    symbolSize: 45,
664                    data: [{
665                        type: 'max',
666                        itemStyle: {color: ['#3ecf8e']},
667                        name: '最大值'
668                    }, {
669                        type: 'min',
670                        itemStyle: {color: ['#fa755a']},
671                        name: '最小值'
672                    }],
673                },
674                markLine: {
675                    itemStyle: {color: ['#ab47bc']},
676                    data: [
677                        {type: 'average', name: '平均值'}
678                    ]
679                }
680            }
681        ]
682    };
683
684    // render the charts
685    postsChart.setOption(postsOption);
686    categoriesChart.setOption(categoriesOption);
687    tagsChart.setOption(tagsOption);
688</script>
688
689
690
691                
692
693                
694
695                
696                
697                
698                
699            </div>
700        </div>
701    </div>
702</main>
703
704
705    <footer class="page-footer bg-color">
706    
707
708    <div class="container row center-align"
709         style="margin-bottom: 15px !important;">
710        <div class="col s12 m8 l8 copy-right">
711            Copyright&nbsp;&copy;
712            
713                <span id="year">2022</span>
714            
715            <a href="/about" target="_blank">Lkh
716            <br>
717            
718                &nbsp;<i class="fas fa-chart-area"></i>&nbsp;站点总字数:&nbsp;<span
719                        class="white-color">306</span>
720            
721            
722            
723                
724            
725            
726                <span id="busuanzi_container_site_pv">
727                &nbsp;|&nbsp;<i class="far fa-eye"></i>&nbsp;总访问量:&nbsp;
728                    <span id="busuanzi_value_site_pv" class="white-color"></span>
729            </span>
730            
731            
732                <span id="busuanzi_container_site_uv">
733                &nbsp;|&nbsp;<i class="fas fa-users"></i>&nbsp;总访问人数:&nbsp;
734                    <span id="busuanzi_value_site_uv" class="white-color"></span>
735            </span>
736            
737            <br>
738
739            <!-- 运行天数提醒. -->
740            
741                <span id="sitetime"> Loading ...</span>
742                
742<script>
743                    var calcSiteTime = function () {
744                        var seconds = 1000;
745                        var minutes = seconds * 60;
746                        var hours = minutes * 60;
747                        var days = hours * 24;
748                        var years = days * 365;
749                        var today = new Date();
750                        var startYear = "2022";
751                        var startMonth = "4";
752                        var startDate = "29";
753                        var startHour = "23";
754                        var startMinute = "50";
755                        var startSecond = "0";
756                        var todayYear = today.getFullYear();
757                        var todayMonth = today.getMonth() + 1;
758                        var todayDate = today.getDate();
759                        var todayHour = today.getHours();
760                        var todayMinute = today.getMinutes();
761                        var todaySecond = today.getSeconds();
762                        var t1 = Date.UTC(startYear, startMonth, startDate, startHour, startMinute, startSecond);
763                        var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond);
764                        var diff = t2 - t1;
765                        var diffYears = Math.floor(diff / years);
766                        var diffDays = Math.floor((diff / days) - diffYears * 365);
767
768                        // 区分是否有年份.
769                        var language = 'zh-CN';
770                        if (startYear === String(todayYear)) {
771                            document.getElementById("year").innerHTML = todayYear;
772                            var daysTip = 'This site has been running for ' + diffDays + ' days';
773                            if (language === 'zh-CN') {
774                                daysTip = '本站已运行 ' + diffDays + ' 天';
775                            } else if (language === 'zh-HK') {
776                                daysTip = '本站已運行 ' + diffDays + ' 天';
777                            }
778                            document.getElementById("sitetime").innerHTML = daysTip;
779                        } else {
780                            document.getElementById("year").innerHTML = startYear + " - " + todayYear;
781                            var yearsAndDaysTip = 'This site has been running for ' + diffYears + ' years and '
782                                + diffDays + ' days';
783                            if (language === 'zh-CN') {
784                                yearsAndDaysTip = '本站已运行 ' + diffYears + ' 年 ' + diffDays + ' 天';
785                            } else if (language === 'zh-HK') {
786                                yearsAndDaysTip = '本站已運行 ' + diffYears + ' 年 ' + diffDays + ' 天';
787                            }
788                            document.getElementById("sitetime").innerHTML = yearsAndDaysTip;
789                        }
790                    }
791
792                    calcSiteTime();
793                </script>
793
794            
795            <br>
796            
797        </div>
798        <div class="col s12 m4 l4 social-link social-statis">
799    <a href="https://github.com/lkhsss" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
800        <i class="fab fa-github"></i>
801    </a>
802
803
804
805    <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
806        <i class="fas fa-envelope-open"></i>
807    </a>
808
809
810
811
812
813
814
815    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=3458162679" class="tooltipped" target="_blank" data-tooltip="QQ联系我: 3458162679" data-position="top" data-delay="50">
816        <i class="fab fa-qq"></i>
817    </a>
818
819
820
821
822
823
824
825</div>
826    </div>
827</footer>
828
829<div class="progress-bar"></div>
830
831
832    <!-- 搜索遮罩框 -->
833<div id="searchModal" class="modal">
834    <div class="modal-content">
835        <div class="search-header">
836            <span class="title"><i class="fas fa-search"></i>&nbsp;&nbsp;搜索</span>
837            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
838                   class="search-input">
839        </div>
840        <div id="searchResult"></div>
841    </div>
842</div>
843
844<script type="text/javascript">
845$(function () {
846    var searchFunc = function (path, search_id, content_id) {
847        'use strict';
848        $.ajax({
849            url: path,
850            dataType: "xml",
851            success: function (xmlResponse) {
852                // get the contents from search data
853                var datas = $("entry", xmlResponse).map(function () {
854                    return {
855                        title: $("title", this).text(),
856                        content: $("content", this).text(),
857                        url: $("url", this).text()
858                    };
859                }).get();
860                var $input = document.getElementById(search_id);
861                var $resultContent = document.getElementById(content_id);
862                $input.addEventListener('input', function () {
863                    var str = '<ul class=\"search-result-list\">';
864                    var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
865                    $resultContent.innerHTML = "";
866                    if (this.value.trim().length <= 0) {
867                        return;
868                    }
869                    // perform local searching
870                    datas.forEach(function (data) {
871                        var isMatch = true;
872                        var data_title = data.title.trim().toLowerCase();
873                        var data_content = data.content.trim().replace(/<[^>]+>/g, "").toLowerCase();
874                        var data_url = data.url;
875                        data_url = data_url.indexOf('/') === 0 ? data.url : '/' + data_url;
876                        var index_title = -1;
877                        var index_content = -1;
878                        var first_occur = -1;
879                        // only match artiles with not empty titles and contents
880                        if (data_title !== '' && data_content !== '') {
881                            keywords.forEach(function (keyword, i) {
882                                index_title = data_title.indexOf(keyword);
883                                index_content = data_content.indexOf(keyword);
884                                if (index_title < 0 && index_content < 0) {
885                                    isMatch = false;
886                                } else {
887                                    if (index_content < 0) {
888                                        index_content = 0;
889                                    }
890                                    if (i === 0) {
891                                        first_occur = index_content;
892                                    }
893                                }
894                            });
895                        }
896                        // show search results
897                        if (isMatch) {
898                            str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>";
899                            var content = data.content.trim().replace(/<[^>]+>/g, "");
900                            if (first_occur >= 0) {
901                                // cut out 100 characters
902                                var start = first_occur - 20;
903                                var end = first_occur + 80;
904                                if (start < 0) {
905                                    start = 0;
906                                }
907                                if (start === 0) {
908                                    end = 100;
909                                }
910                                if (end > content.length) {
911                                    end = content.length;
912                                }
913                                var match_content = content.substr(start, end);
914                                // highlight all keywords
915                                keywords.forEach(function (keyword) {
916                                    var regS = new RegExp(keyword, "gi");
917                                    match_content = match_content.replace(regS, "<em class=\"search-keyword\">" + keyword + "</em>");
918                                });
919
920                                str += "<p class=\"search-result\">" + match_content + "...</p>"
921                            }
922                            str += "</li>";
923                        }
924                    });
925                    str += "</ul>";
926                    $resultContent.innerHTML = str;
927                });
928            }
929        });
930    };
931
932    searchFunc('/search.xml', 'searchInput', 'searchResult');
933});
934</script>
934
935
936    <!-- 回到顶部按钮 -->
937<div id="backTop" class="top-scroll">
938    <a class="btn-floating btn-large waves-effect waves-light" href="#!">
939        <i class="fas fa-arrow-up"></i>
940    </a>
941</div>
942
943
944    
944<script src="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/libs/materialize/materialize.min.js"></script>
944
945    
945<script src="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/libs/masonry/masonry.pkgd.min.js"></script>
945
946    
946<script src="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/libs/aos/aos.js"></script>
946
947    
947<script src="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/libs/scrollprogress/scrollProgress.min.js"></script>
947
948    
948<script src="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/libs/lightGallery/js/lightgallery-all.min.js"></script>
948
949    
949<script src="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/js/matery.js"></script>
949
950
951    
952
953    
954
955    <!-- 雪花特效 -->
956    
957
958    <!-- 鼠标星星特效 -->
959    
960
961    
962
963    <!-- Baidu Analytics -->
964
965    <!-- Baidu Push -->
966
967<script>
968    (function () {
969        var bp = document.createElement('script');
970        var curProtocol = window.location.protocol.split(':')[0];
971        if (curProtocol === 'https') {
972            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
973        } else {
974            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
975        }
976        var s = document.getElementsByTagName("script")[0];
977        s.parentNode.insertBefore(bp, s);
978    })();
979</script>
979
980
981    
982    
983    
983<script async src="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/libs/others/busuanzi.pure.mini.js"></script>
983
984    
985
986    
987
988    
989
990    <!--腾讯兔小巢-->
991    
992    
993
994    
995
996    
997
998    
999    
999<script src="https://cdn.jsdelivr.net/gh/Lkhsss/lkhsss.github.io/libs/instantpage/instantpage.js" type="module"></script>
999
1000    
1001
1002</body>
1003
1004</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.