PageSourceSearch

https://bevis23.netlify.app/about/

html bevis23.netlify.app collected 2026-10-03 10:30:19 UTC 56,335 bytes, 1,638 lines download raw bytes

1<!DOCTYPE HTML>
2<html lang="zh-CN">
3
4
5<head><meta name="generator" content="Hexo 3.9.0">
6    <meta charset="utf-8">
7<!-- This site is hosted on Netlify. Anyone can build and deploy a site
8     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=9e26c254-6e9e-4032-9eb3-9f06f6561274
9     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
10    <meta name="keywords" content="关于我, seek">
11    <meta name="baidu-site-verification" content="fmlEuI34ir">
12    <meta name="google-site-verification" content="yCy2azpds5XSuGZvis6OuA-XIGF5GuGpYRAaGfD6o48">
13    <meta name="360-site-verification" content="b7c11a830ef90fd1464ad6206bb7b6e7">
14    <meta name="description" content="关于我 | Bevis23&#39;s Blog">
15    <meta http-equiv="X-UA-Compatible" content="IE=edge">
16    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
17    <meta name="renderer" content="webkit|ie-stand|ie-comp">
18    <meta name="mobile-web-app-capable" content="yes">
19    <meta name="format-detection" content="telephone=no">
20    <meta name="apple-mobile-web-app-capable" content="yes">
21    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
22    <title>关于我 | Bevis23&#39;s Blog</title>
23    <link rel="icon" type="image/png" href="/favicon.png">
24
25    <link rel="stylesheet" type="text/css" href="/libs/awesome/css/font-awesome.min.css">
26    <link rel="stylesheet" type="text/css" href="/libs/materialize/materialize.min.css">
27    <link rel="stylesheet" type="text/css" href="/libs/aos/aos.css">
28    <link rel="stylesheet" type="text/css" href="/libs/animate/animate.min.css">
29    <link rel="stylesheet" type="text/css" href="/libs/lightGallery/css/lightgallery.min.css">
30    <link rel="stylesheet" type="text/css" href="/css/matery.css">
31    <link rel="stylesheet" type="text/css" href="/css/my.css">
32    <style type="text/css">
33        
34    </style>
35
36    
36<script src="/libs/jquery/jquery-2.2.0.min.js"></script>
36
37    
37<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
37
38    
38<script>
39        var _hmt = _hmt || [];
40        (function () {
41            var hm = document.createElement("script");
42            hm.src = "https://hm.baidu.com/hm.js?ce84511d3df71640a9378a69f6293044";
43            var s = document.getElementsByTagName("script")[0];
44            s.parentNode.insertBefore(hm, s);
45        })();
46    </script>
46
47
48    
49        
49<script>
50            (function(){
51                var bp = document.createElement('script');
52                var curProtocol = window.location.protocol.split(':')[0];
53                if (curProtocol === 'https') {
54                    bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';        
55                }
56                else {
57                    bp.src = 'http://push.zhanzhang.baidu.com/push.js';
58                }
59                var s = document.getElementsByTagName("script")[0];
60                s.parentNode.insertBefore(bp, s);
61            })();
62        </script>
62
63    
64
65    
65<script>
66        (function(){
67        var src = "https://jspassport.ssl.qhimg.com/11.0.1.js?d182b3f28525f2db83acfaaf6e696dba";
68        document.write('
68<script src="' + src + '" id="sozz"><\/script>');
69        })();
70    </script>
70
71
72<link rel="stylesheet" href="/css/prism-tomorrow.css" type="text/css"></head>
73
74<body>
75
76    <header class="navbar-fixed">
77    <nav id="headNav" class="bg-color nav-transparent">
78        <div id="navContainer" class="nav-wrapper container">
79            <div class="brand-logo">
80                <a href="/" class="waves-effect waves-light">
81                    
82                    <img src="/medias/logo.png" class="logo-img" alt="LOGO">
83                    
84                    <span class="logo-span">Bevis23's Blog</span>
85                </a>
86            </div>
87            
88
89<a href="#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fa fa-navicon"></i></a>
90<ul class="right">
91    
92    <li class="hide-on-med-and-down">
93        <a href="/" class="waves-effect waves-light">
94            
95            <i class="fa fa-home"></i>
96            
97            <span>首页</span>
98        </a>
99    </li>
100    
101    <li class="hide-on-med-and-down">
102        <a href="/tags" class="waves-effect waves-light">
103            
104            <i class="fa fa-tags"></i>
105            
106            <span>标签</span>
107        </a>
108    </li>
109    
110    <li class="hide-on-med-and-down">
111        <a href="/categories" class="waves-effect waves-light">
112            
113            <i class="fa fa-bookmark"></i>
114            
115            <span>分类</span>
116        </a>
117    </li>
118    
119    <li class="hide-on-med-and-down">
120        <a href="/archives" class="waves-effect waves-light">
121            
122            <i class="fa fa-archive"></i>
123            
124            <span>归档</span>
125        </a>
126    </li>
127    
128    <li class="hide-on-med-and-down">
129        <a href="/about" class="waves-effect waves-light">
130            
131            <i class="fa fa-user-circle-o"></i>
132            
133            <span>关于我</span>
134        </a>
135    </li>
136    
137    <li class="hide-on-med-and-down">
138        <a href="/friends" class="waves-effect waves-light">
139            
140            <i class="fa fa-address-book"></i>
141            
142            <span>友链</span>
143        </a>
144    </li>
145    
146    <li class="hide-on-med-and-down">
147        <a href="/contact" class="waves-effect waves-light">
148            
149            <i class="fa fa-comments"></i>
150            
151            <span>留言板</span>
152        </a>
153    </li>
154    
155    <li class="hide-on-med-and-down">
156        <a href="/navigate" class="waves-effect waves-light">
157            
158            <i class="fa fa-location-arrow"></i>
159            
160            <span>极客导航</span>
161        </a>
162    </li>
163    
164    <li class="hide-on-med-and-down">
165        <a href="/everyday" class="waves-effect waves-light">
166            
167            <i class="fa fas fa-list"></i>
168            
169            <span>每日60s</span>
170        </a>
171    </li>
172    
173    <li>
174        <a href="#searchModal" class="modal-trigger waves-effect waves-light">
175            <i id="searchIcon" class="fa fa-search" title="搜索"></i>
176        </a>
177    </li>
178</ul>
179
180<div id="mobile-nav" class="side-nav sidenav">
181
182    <div class="mobile-head bg-color">
183        
184        <img src="/medias/logo.png" class="logo-img circle responsive-img">
185        
186        <div class="logo-name">Bevis23's Blog</div>
187        <div class="logo-desc">
188            
189            永远保持好奇心,去探索,去直面自己的感受,面对万物渐变,宓而待之,追翊于廖廓,终有所感,终有所得......
190            
191        </div>
192    </div>
193
194    
195
196    <ul class="menu-list mobile-menu-list">
197        
198        <li>
199            <a href="/" class="waves-effect waves-light">
200                
201                <i class="fa fa-fw fa-home"></i>
202                
203                首页
204            </a>
205        </li>
206        
207        <li>
208            <a href="/tags" class="waves-effect waves-light">
209                
210                <i class="fa fa-fw fa-tags"></i>
211                
212                标签
213            </a>
214        </li>
215        
216        <li>
217            <a href="/categories" class="waves-effect waves-light">
218                
219                <i class="fa fa-fw fa-bookmark"></i>
220                
221                分类
222            </a>
223        </li>
224        
225        <li>
226            <a href="/archives" class="waves-effect waves-light">
227                
228                <i class="fa fa-fw fa-archive"></i>
229                
230                归档
231            </a>
232        </li>
233        
234        <li>
235            <a href="/about" class="waves-effect waves-light">
236                
237                <i class="fa fa-fw fa-user-circle-o"></i>
238                
239                关于我
240            </a>
241        </li>
242        
243        <li>
244            <a href="/friends" class="waves-effect waves-light">
245                
246                <i class="fa fa-fw fa-address-book"></i>
247                
248                友链
249            </a>
250        </li>
251        
252        <li>
253            <a href="/contact" class="waves-effect waves-light">
254                
255                <i class="fa fa-fw fa-comments"></i>
256                
257                留言板
258            </a>
259        </li>
260        
261        <li>
262            <a href="/navigate" class="waves-effect waves-light">
263                
264                <i class="fa fa-fw fa-location-arrow"></i>
265                
266                极客导航
267            </a>
268        </li>
269        
270        <li>
271            <a href="/everyday" class="waves-effect waves-light">
272                
273                <i class="fa fa-fw fas fa-list"></i>
274                
275                每日60s
276            </a>
277        </li>
278        
279        
280        <li><div class="divider"></div></li>
281        <li>
282            <a href="https://github.com/Bevis23/Bevis23.github.io" class="waves-effect waves-light" target="_blank">
283                <i class="fa fa-github-square fa-fw"></i>Fork Me
284            </a>
285        </li>
286        
287    </ul>
288</div>
289
290        </div>
291
292        
293            <style>
294    .nav-transparent .github-corner {
295        display: none !important;
296    }
297
298    .github-corner {
299        position: absolute;
300        z-index: 10;
301        top: 0;
302        right: 0;
303        border: 0;
304        transform: scale(1.1);
305    }
306
307    .github-corner svg {
308        color: #0f9d58;
309        fill: #fff;
310        height: 64px;
311        width: 64px;
312    }
313
314    .github-corner:hover .octo-arm {
315        animation: a 0.56s ease-in-out;
316    }
317
318    .github-corner .octo-arm {
319        animation: none;
320    }
321
322    @keyframes a {
323        0%,
324        to {
325            transform: rotate(0);
326        }
327        20%,
328        60% {
329            transform: rotate(-25deg);
330        }
331        40%,
332        80% {
333            transform: rotate(10deg);
334        }
335    }
336</style>
337
338<a href="https://github.com/Bevis23/Bevis23.github.io" class="github-corner tooltipped hide-on-med-and-down" target="_blank"
339   data-tooltip="Fork Me" data-position="left" data-delay="50">
340    <svg viewBox="0 0 250 250" aria-hidden="true">
341        <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
342        <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"
343              fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
344        <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"
345              fill="currentColor" class="octo-body"></path>
346    </svg>
347</a>
348        
349    </nav>
350
351</header>
352
353    <style type="text/css">
354    /* don't remove. */
355    .about-cover {
356        height: 75vh;
357    }
358    .introduction {
359  white-space: pre-line;
360}
361
362</style>
363
364<div class="bg-cover pd-header about-cover">
365    <div class="container">
366    <div class="row">
367    <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2">
368        <div class="brand">
369            <div class="title center-align">
370                <!-- 
371                    about
372                 -->
373                
374                    关于我
375                
376            </div>
377
378            <div class="description center-align">
379                
380                    永远保持好奇心,去探索,去直面自己的感受,面对万物渐变,宓而待之,追翊于廖廓,终有所感,终有所得......
381                    <!-- <span id="jinrishici-sentence">正在加载今日诗词...</span> -->
382                
383            </div>
384        </div>
385    </div>
386</div>
387
388
389
390<style>
391    .bg-cover {
392        transition: background-image 1s ease-in-out;
393    }
394</style>
395
396<script>
397    var imageIndex = 0;
398    var cdnBaseUrl = 'https://cdn.jsdelivr.net/gh/Bevis23/blog-pic/'; // 替换为你的CDN基准URL
399
400    function changeBackgroundImage() {
401        $('.bg-cover').css('background-image', 'url(' + cdnBaseUrl + imageIndex + '.jpg)');
402        imageIndex = (imageIndex + 1) % 7;  // 假设你有7张图片,编号从0到6
403    }
404
405    changeBackgroundImage();  // 首次加载时更换背景图片
406    setInterval(changeBackgroundImage, 3500);  // 每隔3500毫秒(即3.5秒)更换背景图片
407</script>
407
408
409
410
411
412
413
414
415    </div>
416</div>
417
418<main class="content">
419
420    <div id="aboutme" class="container about-container">
421        <div class="card">
422            <div class="card-content">
423                <div class="row">
424                    <div class="post-statis col l4 hide-on-med-and-down" data-aos="zoom-in-right">
425                        
426<div class="statis">
427    <span class="count"><a href="/" target="_blank">52</a></span>
428    <span class="name">文章</span>
429</div>
430
431
432
433<div class="statis">
434    <span class="count"><a href="/categories" target="_blank">10</a></span>
435    <span class="name">分类</span>
436</div>
437
438
439
440<div class="statis">
441    <span class="count"><a href="/tags" target="_blank">63</a></span>
442    <span class="name">标签</span>
443</div>
444
445                    </div>
446                    <div class="col s12 m12 l4">
447                        <div class="profile center-align">
448                            <div class="avatar">
449                                <img src="/medias/avatars/avatar.jpg" alt="Bevis23"
450                                    class="circle responsive-img avatar-img">
451                            </div>
452                            <div class="author">
453                                <div class="post-statis hide-on-large-only" data-aos="zoom-in-right">
454                                    
455<div class="statis">
456    <span class="count"><a href="/" target="_blank">52</a></span>
457    <span class="name">文章</span>
458</div>
459
460
461
462<div class="statis">
463    <span class="count"><a href="/categories" target="_blank">10</a></span>
464    <span class="name">分类</span>
465</div>
466
467
468
469<div class="statis">
470    <span class="count"><a href="/tags" target="_blank">63</a></span>
471    <span class="name">标签</span>
472</div>
473
474                                </div>
475                                <div class="title">Bevis23</div>
476                                <div class="career">seek and become a geek</div>
477                                <div class="social-link hide-on-large-only" data-aos="zoom-in-left">
478                                    
479    <a href="https://github.com/Bevis23" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
480        <i class="fa fa-github"></i>
481    </a>
482
483
484
485    <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
486        <i class="fa fa-envelope-open"></i>
487    </a>
488
489
490
491
492
493    <a href="http://wpa.qq.com/msgrd?v=3&uin=2217934615&site=qq&menu=yes" class="tooltipped" target="_blank" data-tooltip="访问我的知乎" data-position="top" data-delay="50">
494        <i class="fa fa-qq"></i>
495    </a>
496
497
498
499
500
501    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
502        <i class="fa fa-rss"></i>
503    </a>
504
505
506
507                                </div>
508                            </div>
509                        </div>
510                    </div>
511                    <div class="col l4 hide-on-med-and-down" data-aos="zoom-in-left">
512                        <div class="social-link">
513                            
514    <a href="https://github.com/Bevis23" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
515        <i class="fa fa-github"></i>
516    </a>
517
518
519
520    <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
521        <i class="fa fa-envelope-open"></i>
522    </a>
523
524
525
526
527
528    <a href="http://wpa.qq.com/msgrd?v=3&uin=2217934615&site=qq&menu=yes" class="tooltipped" target="_blank" data-tooltip="访问我的知乎" data-position="top" data-delay="50">
529        <i class="fa fa-qq"></i>
530    </a>
531
532
533
534
535
536    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
537        <i class="fa fa-rss"></i>
538    </a>
539
540
541
542                        </div>
543                    </div>
544                </div>
545
546                <div class="introduction center-align" data-aos="fade-up">一个对事物充满好奇心,喜欢探索新事物,探索事物的本质,对科技,计算机,技术类领域充满无尽的热情的极客小子; 热衷于利用技术工具解决问题,提高效率,享受通过科技创造和创新的过程,如 :AI、 数据分析、网络安全、编程脚本; 持续学习中,持续提升自己的技能和知识,以应对不断变化的技术挑战,还望大佬们指教^_^</div>
547
548                <style type="text/css">
549    #posts-chart,
550    #categories-chart,
551    #tags-chart {
552        width: 100%;
553        height: 300px;
554        margin: 0.5rem auto;
555        padding: 0.5rem;
556    }
557</style>
558
559<div id="postCharts" class="post-charts">
560    <div class="title center-align" data-aos="zoom-in-up">
561        <i class="fa fa-bar-chart"></i>&nbsp;&nbsp;文章统计图
562    </div>
563    <div class="row">
564        <div class="chart col s12 m6 l4" data-aos="zoom-in-up">
565            <div id="posts-chart"></div>
566        </div>
567
568        <div class="chart col s12 m6 l4" data-aos="zoom-in-up">
569            <div id="categories-chart"></div>
570        </div>
571
572        <div class="chart col s12 m6 l4" data-aos="zoom-in-up">
573            <div id="tags-chart"></div>
574        </div>
575    </div>
576</div>
577
578<script type="text/javascript" src="/libs/echarts/echarts.min.js"></script>
vendor: 1 bytes, line 578
578
579<script>
580    let postsChart = echarts.init(document.getElementById('posts-chart'));
581    let categoriesChart = echarts.init(document.getElementById('categories-chart'));
582    let tagsChart = echarts.init(document.getElementById('tags-chart'));
583
584    
585
586    let postsOption = {
587        title: {
588            text: '文章发布统计图',
589            top: -5,
590            x: 'center'
591        },
592        tooltip: {
593            trigger: 'axis'
594        },
595        xAxis: {
596            type: 'category',
597            data: ["2025-10","2025-11","2025-12","2026-01","2026-02","2026-03","2026-04","2026-05","2026-06","2026-07","2026-08","2026-09","2026-10"]
598        },
599        yAxis: {
600            type: 'value',
601        },
602        series: [
603            {
604                name: '文章篇数',
605                type: 'line',
606                color: ['#6772e5'],
607                data: [0,0,0,0,0,0,0,0,0,0,0,0,0],
608                markPoint: {
609                    symbolSize: 45,
610                    color: ['#fa755a','#3ecf8e','#82d3f4'],
611                    data: [{
612                        type: 'max',
613                        itemStyle: {color: ['#3ecf8e']},
614                        name: '最大值'
615                    }, {
616                        type: 'min',
617                        itemStyle: {color: ['#fa755a']},
618                        name: '最小值'
619                    }]
620                },
621                markLine: {
622                    itemStyle: {color: ['#ab47bc']},
623                    data: [
624                        {type: 'average', name: '平均值'}
625                    ]
626                }
627            }
628        ]
629    };
630
631    
632
633    let categoriesOption = {
634        title: {
635            text: '文章分类统计图',
636            top: -4,
637            x: 'center'
638        },
639        tooltip: {
640            trigger: 'item',
641            formatter: "{a} <br/>{b} : {c} ({d}%)"
642        },
643        series: [
644            {
645                name: '分类',
646                type: 'pie',
647                radius: '50%',
648                color: ['#6772e5', '#ff9e0f', '#fa755a', '#3ecf8e', '#82d3f4', '#ab47bc', '#525f7f', '#f51c47', '#26A69A'],
649                data: [{"name":"AI","value":2},{"name":"人文社科","value":2},{"name":"工具","value":4},{"name":"网络安全","value":9},{"name":"技术分享","value":3},{"name":"数据分析","value":16},{"name":"编程","value":6},{"name":"阅读分享","value":2},{"name":"资源分享","value":1},{"name":"随笔","value":7}],
650                itemStyle: {
651                    emphasis: {
652                        shadowBlur: 10,
653                        shadowOffsetX: 0,
654                        shadowColor: 'rgba(0, 0, 0, 0.5)'
655                    }
656                }
657            }
658        ]
659    };
660
661    
662
663    let tagsOption = {
664        title: {
665            text: 'TOP10 标签统计图',
666            top: -5,
667            x: 'center'
668        },
669        tooltip: {},
670        xAxis: [
671            {
672                type: 'category',
673                data: ["数据分析","python","网络安全","工具","技术分享","渗透测试","随笔","思维工具","思维","编程"]
674            }
675        ],
676        yAxis: [
677            {
678                type: 'value'
679            }
680        ],
681        series: [
682            {
683                type: 'bar',
684                color: ['#82d3f4'],
685                barWidth : 18,
686                data: [16,13,12,8,8,6,5,4,4,4],
687                markPoint: {
688                    symbolSize: 45,
689                    data: [{
690                        type: 'max',
691                        itemStyle: {color: ['#3ecf8e']},
692                        name: '最大值'
693                    }, {
694                        type: 'min',
695                        itemStyle: {color: ['#fa755a']},
696                        name: '最小值'
697                    }],
698                },
699                markLine: {
700                    itemStyle: {color: ['#ab47bc']},
701                    data: [
702                        {type: 'average', name: '平均值'}
703                    ]
704                }
705            }
706        ]
707    };
708
709    // render the charts
710    postsChart.setOption(postsOption);
711    categoriesChart.setOption(categoriesOption);
712    tagsChart.setOption(tagsOption);
713</script>
713
714
715                
716                
717<div class="my-projects">
718    <div class="title center-align" data-aos="zoom-in-up">
719        <i class="fa fa-gift"></i>&nbsp;&nbsp;我的项目
720    </div>
721    <div class="row">
722        
723        
724        <div class="col s12 m6 l4" data-aos="fade-up">
725            <div class="info center-align">
726                <a href="https://miyi23.top/" class="icon"
727                   style="background: linear-gradient(to bottom right, #66BB6A 0%, #81C784 100%)" target="_blank">
728                    <i class="fa fa-cubes"></i>
729                </a>
730                <div class="info-title">
731                    <a href="https://miyi23.top/" target="_blank">hexo-个人blog</a>
732                </div>
733                <div class="info-desc">基于hexo搭建的个人博客网站</div>
734            </div>
735        </div>
736        
737        <div class="col s12 m6 l4" data-aos="fade-up">
738            <div class="info center-align">
739                <a href="https://nav.miyi23.top/" class="icon"
740                   style="background: linear-gradient(to bottom right, #F06292 0%, #EF5350 100%)" target="_blank">
741                    <i class="fa fa-link"></i>
742                </a>
743                <div class="info-title">
744                    <a href="https://nav.miyi23.top/" target="_blank">hugo-综合导航网站</a>
745                </div>
746                <div class="info-desc">基于hugo制作的导航网站</div>
747            </div>
748        </div>
749        
750        <div class="col s12 m6 l4" data-aos="fade-up">
751            <div class="info center-align">
752                <a href="https://blog.miyi23.top/" class="icon"
753                   style="background: linear-gradient(to bottom right, #29B6F6 0%, #1E88E5 100%)" target="_blank">
754                    <i class="fa fa-list"></i>
755                </a>
756                <div class="info-title">
757                    <a href="https://blog.miyi23.top/" target="_blank">notion-next</a>
758                </div>
759                <div class="info-desc">基于notion-next搭建的个人博客网站</div>
760            </div>
761        </div>
762        
763        <div class="col s12 m6 l4" data-aos="fade-up">
764            <div class="info center-align">
765                <a href="https://gh.miyi23.top/" class="icon"
766                   style="background: linear-gradient(to bottom right, #29B6F6 0%, #1E88E5 100%)" target="_blank">
767                    <i class="fa fa-cloud"></i>
768                </a>
769                <div class="info-title">
770                    <a href="https://gh.miyi23.top/" target="_blank">GeekHub</a>
771                </div>
772                <div class="info-desc">GeekHub资源分享站</div>
773            </div>
774        </div>
775        
776        <div class="col s12 m6 l4" data-aos="fade-up">
777            <div class="info center-align">
778                <a href="https://shelf.miyi23.top/" class="icon"
779                   style="background: linear-gradient(to bottom right, #29B6F6 0%, #1E88E5 100%)" target="_blank">
780                    <i class="fa fa-cloud"></i>
781                </a>
782                <div class="info-title">
783                    <a href="https://shelf.miyi23.top/" target="_blank">书签合集</a>
784                </div>
785                <div class="info-desc">集合3万个书签</div>
786            </div>
787        </div>
788        
789        
790    </div>
791</div>
792                
793
794                
795                
796<div class="my-skills">
797    <div class="title center-align" data-aos="zoom-in-up">
798        <i class="fa fa-wrench"></i>&nbsp;&nbsp;我的技能
799    </div>
800    <div class="row">
801        
802        
803        
804        <div class="col s12 m6 l6" data-aos="fade-up">
805            <div class="skillbar">
806                <div class="skillbar-title"
807                     style="background: linear-gradient(to right, #FF0066 0%, #FF00CC 100%); width: 90%">
808                    <span>think</span>
809                </div>
810                <div class="skill-bar-percent">90%</div>
811            </div>
812        </div>
813        
814        
815        <div class="col s12 m6 l6" data-aos="fade-up">
816            <div class="skillbar">
817                <div class="skillbar-title"
818                     style="background: linear-gradient(to right, #FF0066 0%, #FF00CC 100%); width: 80%">
819                    <span>linux</span>
820                </div>
821                <div class="skill-bar-percent">80%</div>
822            </div>
823        </div>
824        
825        
826        <div class="col s12 m6 l6" data-aos="fade-up">
827            <div class="skillbar">
828                <div class="skillbar-title"
829                     style="background: linear-gradient(to right, #993399 0%, #FF00FF 100%); width: 80%">
830                    <span>python</span>
831                </div>
832                <div class="skill-bar-percent">80%</div>
833            </div>
834        </div>
835        
836        
837        <div class="col s12 m6 l6" data-aos="fade-up">
838            <div class="skillbar">
839                <div class="skillbar-title"
840                     style="background: linear-gradient(to right, #993399 0%, #FF00FF 100%); width: 70%">
841                    <span>c</span>
842                </div>
843                <div class="skill-bar-percent">70%</div>
844            </div>
845        </div>
846        
847        
848        <div class="col s12 m6 l6" data-aos="fade-up">
849            <div class="skillbar">
850                <div class="skillbar-title"
851                     style="background: linear-gradient(to right, #339933 0%, #00FF00 100%); width: 30%">
852                    <span>php</span>
853                </div>
854                <div class="skill-bar-percent">30%</div>
855            </div>
856        </div>
857        
858        
859        <div class="col s12 m6 l6" data-aos="fade-up">
860            <div class="skillbar">
861                <div class="skillbar-title"
862                     style="background: linear-gradient(to right, #00aaff 0%, #0055ff 100%); width: 80%">
863                    <span>mysql</span>
864                </div>
865                <div class="skill-bar-percent">80%</div>
866            </div>
867        </div>
868        
869        
870        <div class="col s12 m6 l6" data-aos="fade-up">
871            <div class="skillbar">
872                <div class="skillbar-title"
873                     style="background: linear-gradient(to right, #66ccff 0%, #3399ff 100%) 90%; width: 90%">
874                    <span>html</span>
875                </div>
876                <div class="skill-bar-percent">90%</div>
877            </div>
878        </div>
879        
880        
881        <div class="col s12 m6 l6" data-aos="fade-up">
882            <div class="skillbar">
883                <div class="skillbar-title"
884                     style="background: linear-gradient(to right, #66ccff 0%, #3399ff 100%); width: 70%">
885                    <span>css</span>
886                </div>
887                <div class="skill-bar-percent">70%</div>
888            </div>
889        </div>
890        
891        
892        <div class="col s12 m6 l6" data-aos="fade-up">
893            <div class="skillbar">
894                <div class="skillbar-title"
895                     style="background: linear-gradient(to right, #66ccff 0%, #3399ff 100%); width: 50%">
896                    <span>js</span>
897                </div>
898                <div class="skill-bar-percent">50%</div>
899            </div>
900        </div>
901        
902        
903        <div class="col s12 m6 l6" data-aos="fade-up">
904            <div class="skillbar">
905                <div class="skillbar-title"
906                     style="background: linear-gradient(to right, #339933 0%, #00FF00 100%); width: 50%">
907                    <span>docker</span>
908                </div>
909                <div class="skill-bar-percent">50%</div>
910            </div>
911        </div>
912        
913        
914    </div>
915
916    
917
918    
919    <div class="other-skills chip-container" data-aos="zoom-in-up">
920        <div class="sub-title center-align"><i class="fa fa-book"></i>&nbsp;&nbsp;其他技能</div>
921        <div class="tag-chips center-align">
922            
923            
924            <a href="/tags/AI/" target="_blank">
925                <span class="chip center-align waves-effect waves-light chip-default">AI</span>
926            </a>
927            
928            
929            
930            
931            
932            <a href="/tags/chatgpt/" target="_blank">
933                <span class="chip center-align waves-effect waves-light chip-default">chatgpt</span>
934            </a>
935            
936            
937            
938            <a href="/tags/人工智能/" target="_blank">
939                <span class="chip center-align waves-effect waves-light chip-default">人工智能</span>
940            </a>
941            
942            
943            
944            <a href="/tags/prompt/" target="_blank">
945                <span class="chip center-align waves-effect waves-light chip-default">prompt</span>
946            </a>
947            
948            
949            
950            <a href="/tags/人文社科/" target="_blank">
951                <span class="chip center-align waves-effect waves-light chip-default">人文社科</span>
952            </a>
953            
954            
955            
956            <a href="/tags/思维工具/" target="_blank">
957                <span class="chip center-align waves-effect waves-light chip-default">思维工具</span>
958            </a>
959            
960            
961            
962            <a href="/tags/心理技巧/" target="_blank">
963                <span class="chip center-align waves-effect waves-light chip-default">心理技巧</span>
964            </a>
965            
966            
967            
968            <a href="/tags/自我管理/" target="_blank">
969                <span class="chip center-align waves-effect waves-light chip-default">自我管理</span>
970            </a>
971            
972            
973            
974            <a href="/tags/Git/" target="_blank">
975                <span class="chip center-align waves-effect waves-light chip-default">Git</span>
976            </a>
977            
978            
979            
980            <a href="/tags/工具/" target="_blank">
981                <span class="chip center-align waves-effect waves-light chip-default">工具</span>
982            </a>
983            
984            
985            
986            <a href="/tags/分布式/" target="_blank">
987                <span class="chip center-align waves-effect waves-light chip-default">分布式</span>
988            </a>
989            
990            
991            
992            <a href="/tags/RSS/" target="_blank">
993                <span class="chip center-align waves-effect waves-light chip-default">RSS</span>
994            </a>
995            
996            
997            
998            <a href="/tags/信息聚合/" target="_blank">
999                <span class="chip center-align waves-effect waves-light chip-default">信息聚合</span>
1000            </a>
1001            
1002            
1003            
1004            <a href="/tags/可视化/" target="_blank">
1005                <span class="chip center-align waves-effect waves-light chip-default">可视化</span>
1006            </a>
1007            
1008            
1009            
1010            <a href="/tags/服务器/" target="_blank">
1011                <span class="chip center-align waves-effect waves-light chip-default">服务器</span>
1012            </a>
1013            
1014            
1015            
1016            <a href="/tags/技术分享/" target="_blank">
1017                <span class="chip center-align waves-effect waves-light chip-default">技术分享</span>
1018            </a>
1019            
1020            
1021            
1022            <a href="/tags/网络安全/" target="_blank">
1023                <span class="chip center-align waves-effect waves-light chip-default">网络安全</span>
1024            </a>
1025            
1026            
1027            
1028            <a href="/tags/IP探针/" target="_blank">
1029                <span class="chip center-align waves-effect waves-light chip-default">IP探针</span>
1030            </a>
1031            
1032            
1033            
1034            
1035            
1036            <a href="/tags/容器技术/" target="_blank">
1037                <span class="chip center-align waves-effect waves-light chip-default">容器技术</span>
1038            </a>
1039            
1040            
1041            
1042            <a href="/tags/frp/" target="_blank">
1043                <span class="chip center-align waves-effect waves-light chip-default">frp</span>
1044            </a>
1045            
1046            
1047            
1048            <a href="/tags/AARRR/" target="_blank">
1049                <span class="chip center-align waves-effect waves-light chip-default">AARRR</span>
1050            </a>
1051            
1052            
1053            
1054            <a href="/tags/数据分析/" target="_blank">
1055                <span class="chip center-align waves-effect waves-light chip-default">数据分析</span>
1056            </a>
1057            
1058            
1059            
1060            <a href="/tags/思维/" target="_blank">
1061                <span class="chip center-align waves-effect waves-light chip-default">思维</span>
1062            </a>
1063            
1064            
1065            
1066            <a href="/tags/samba/" target="_blank">
1067                <span class="chip center-align waves-effect waves-light chip-default">samba</span>
1068            </a>
1069            
1070            
1071            
1072            <a href="/tags/RFM/" target="_blank">
1073                <span class="chip center-align waves-effect waves-light chip-default">RFM</span>
1074            </a>
1075            
1076            
1077            
1078            <a href="/tags/github/" target="_blank">
1079                <span class="chip center-align waves-effect waves-light chip-default">github</span>
1080            </a>
1081            
1082            
1083            
1084            
1085            
1086            <a href="/tags/numpy/" target="_blank">
1087                <span class="chip center-align waves-effect waves-light chip-default">numpy</span>
1088            </a>
1089            
1090            
1091            
1092            <a href="/tags/matplotlib/" target="_blank">
1093                <span class="chip center-align waves-effect waves-light chip-default">matplotlib</span>
1094            </a>
1095            
1096            
1097            
1098            <a href="/tags/plotly/" target="_blank">
1099                <span class="chip center-align waves-effect waves-light chip-default">plotly</span>
1100            </a>
1101            
1102            
1103            
1104            <a href="/tags/PEST/" target="_blank">
1105                <span class="chip center-align waves-effect waves-light chip-default">PEST</span>
1106            </a>
1107            
1108            
1109            
1110            <a href="/tags/pandas/" target="_blank">
1111                <span class="chip center-align waves-effect waves-light chip-default">pandas</span>
1112            </a>
1113            
1114            
1115            
1116            <a href="/tags/seaborn/" target="_blank">
1117                <span class="chip center-align waves-effect waves-light chip-default">seaborn</span>
1118            </a>
1119            
1120            
1121            
1122            <a href="/tags/贝叶斯定理/" target="_blank">
1123                <span class="chip center-align waves-effect waves-light chip-default">贝叶斯定理</span>
1124            </a>
1125            
1126            
1127            
1128            <a href="/tags/Metasploit/" target="_blank">
1129                <span class="chip center-align waves-effect waves-light chip-default">Metasploit</span>
1130            </a>
1131            
1132            
1133            
1134            <a href="/tags/渗透测试/" target="_blank">
1135                <span class="chip center-align waves-effect waves-light chip-default">渗透测试</span>
1136            </a>
1137            
1138            
1139            
1140            <a href="/tags/wireshark/" target="_blank">
1141                <span class="chip center-align waves-effect waves-light chip-default">wireshark</span>
1142            </a>
1143            
1144            
1145            
1146            <a href="/tags/nmap/" target="_blank">
1147                <span class="chip center-align waves-effect waves-light chip-default">nmap</span>
1148            </a>
1149            
1150            
1151            
1152            <a href="/tags/OSI/" target="_blank">
1153                <span class="chip center-align waves-effect waves-light chip-default">OSI</span>
1154            </a>
1155            
1156            
1157            
1158            <a href="/tags/nessus/" target="_blank">
1159                <span class="chip center-align waves-effect waves-light chip-default">nessus</span>
1160            </a>
1161            
1162            
1163            
1164            <a href="/tags/shodan/" target="_blank">
1165                <span class="chip center-align waves-effect waves-light chip-default">shodan</span>
1166            </a>
1167            
1168            
1169            
1170            <a href="/tags/社工/" target="_blank">
1171                <span class="chip center-align waves-effect waves-light chip-default">社工</span>
1172            </a>
1173            
1174            
1175            
1176            <a href="/tags/Maltego/" target="_blank">
1177                <span class="chip center-align waves-effect waves-light chip-default">Maltego</span>
1178            </a>
1179            
1180            
1181            
1182            <a href="/tags/yield/" target="_blank">
1183                <span class="chip center-align waves-effect waves-light chip-default">yield</span>
1184            </a>
1185            
1186            
1187            
1188            <a href="/tags/Generator/" target="_blank">
1189                <span class="chip center-align waves-effect waves-light chip-default">Generator</span>
1190            </a>
1191            
1192            
1193            
1194            <a href="/tags/算法/" target="_blank">
1195                <span class="chip center-align waves-effect waves-light chip-default">算法</span>
1196            </a>
1197            
1198            
1199            
1200            <a href="/tags/编程/" target="_blank">
1201                <span class="chip center-align waves-effect waves-light chip-default">编程</span>
1202            </a>
1203            
1204            
1205            
1206            <a href="/tags/OOP/" target="_blank">
1207                <span class="chip center-align waves-effect waves-light chip-default">OOP</span>
1208            </a>
1209            
1210            
1211            
1212            <a href="/tags/shell/" target="_blank">
1213                <span class="chip center-align waves-effect waves-light chip-default">shell</span>
1214            </a>
1215            
1216            
1217            
1218            <a href="/tags/生活记录/" target="_blank">
1219                <span class="chip center-align waves-effect waves-light chip-default">生活记录</span>
1220            </a>
1221            
1222            
1223            
1224            <a href="/tags/阅读/" target="_blank">
1225                <span class="chip center-align waves-effect waves-light chip-default">阅读</span>
1226            </a>
1227            
1228            
1229            
1230            <a href="/tags/blog/" target="_blank">
1231                <span class="chip center-align waves-effect waves-light chip-default">blog</span>
1232            </a>
1233            
1234            
1235            
1236            <a href="/tags/资源分享/" target="_blank">
1237                <span class="chip center-align waves-effect waves-light chip-default">资源分享</span>
1238            </a>
1239            
1240            
1241            
1242            <a href="/tags/geek/" target="_blank">
1243                <span class="chip center-align waves-effect waves-light chip-default">geek</span>
1244            </a>
1245            
1246            
1247            
1248            <a href="/tags/hugo/" target="_blank">
1249                <span class="chip center-align waves-effect waves-light chip-default">hugo</span>
1250            </a>
1251            
1252            
1253            
1254            <a href="/tags/随笔/" target="_blank">
1255                <span class="chip center-align waves-effect waves-light chip-default">随笔</span>
1256            </a>
1257            
1258            
1259            
1260            <a href="/tags/导图/" target="_blank">
1261                <span class="chip center-align waves-effect waves-light chip-default">导图</span>
1262            </a>
1263            
1264            
1265            
1266            <a href="/tags/分享/" target="_blank">
1267                <span class="chip center-align waves-effect waves-light chip-default">分享</span>
1268            </a>
1269            
1270            
1271            
1272            <a href="/tags/hexo/" target="_blank">
1273                <span class="chip center-align waves-effect waves-light chip-default">hexo</span>
1274            </a>
1275            
1276            
1277            
1278            <a href="/tags/英语/" target="_blank">
1279                <span class="chip center-align waves-effect waves-light chip-default">英语</span>
1280            </a>
1281            
1282            
1283            
1284            
1285        </div>
1286    </div>
1287    
1288
1289</div>
1290                
1291
1292                
1293                
1294<div id="myGallery" class="my-gallery">
1295    <div class="title center-align" data-aos="zoom-in-up">
1296        <i class="fa fa-photo"></i>&nbsp;&nbsp;相册
1297    </div>
1298    <div class="row">
1299        
1300        
1301        <div class="photo col s12 m6 l4" data-aos="fade-up">
1302            <div class="img-item" data-src="/medias/featureimages/1.jpg">
1303                <img src="/medias/featureimages/1.jpg" class="responsive-img">
1304            </div>
1305        </div>
1306        
1307        <div class="photo col s12 m6 l4" data-aos="fade-up">
1308            <div class="img-item" data-src="/medias/featureimages/22.jpg">
1309                <img src="/medias/featureimages/22.jpg" class="responsive-img">
1310            </div>
1311        </div>
1312        
1313        <div class="photo col s12 m6 l4" data-aos="fade-up">
1314            <div class="img-item" data-src="/medias/featureimages/17.jpg">
1315                <img src="/medias/featureimages/17.jpg" class="responsive-img">
1316            </div>
1317        </div>
1318        
1319        
1320    </div>
1321</div>
1322
1323<script>
1324    $(function () {
1325        let animateClass = 'animated pulse';
1326        $('#myGallery .photo').hover(function () {
1327            $(this).addClass(animateClass);
1328        }, function () {
1329            $(this).removeClass(animateClass);
1330        });
1331    });
1332</script>
1332
1333                
1334            </div>
1335        </div>
1336        <div class="card">
1337            <div class="card-content">
1338                <div class="card-content article-card-content">
1339                        <div class="title center-align" data-aos="zoom-in-up">
1340                            <i class="fa fa-address-book"></i>&nbsp;&nbsp;我的简历
1341                        </div>
1342                        <div id="articleContent" data-aos="fade-up">
1343                            <h2 id="个人介绍"><a href="#个人介绍" class="headerlink" title="个人介绍"></a>个人介绍</h2><p><b>个人爱好:</b>阅读,音乐,游泳,喜欢大海,极光;</p>
1344<p><b>为什么写博客:</b></p>
1345<ol>
1346<li>对知识点总结、回顾、思考 、 加深对技术理解 , 给自己的岁月留下痕迹 </li>
1347<li>提高个人的技术写作和思维能力 , 提高快速解决问题的思维角度 </li>
1348<li>帮助别人, 别人通过我的博客学习到一些知识,技能,解决问题的方法</li>
1349<li>更好的介绍自己 ,认识更多志同道合朋友 </li>
1350<li>锻炼自己规划,构建项目的能力,站在巨人的肩膀上,自己再对个人博客网站布局,模块设计,功能增加</li>
1351<li>
1351拥有一片只属于自己的净土,自由无拘束,写写文章,在这个世界上多留下点自己来过的痕迹</li>
1352</ol>
1353<h2 id="联系方式"><a href="#联系方式" class="headerlink" title="联系方式"></a>联系方式</h2><ul>
1354<li><p><b>电子邮箱</b><br><a href="mailto:[email protected]" target="_blank" rel="noopener">[email protected]</a><br><a href="mailto:[email protected]" target="_blank" rel="noopener">[email protected]</a></p>
1355</li>
1356<li><p><b>短信与电话</b><br>google vocie: (321)234-4784</p>
1357</li>
1358<li><p><b>社交</b><br>facebook:(321)234-4784<br>discord:<a href="https://discord.gg/GcWnJD3u" target="_blank" rel="noopener">https://discord.gg/GcWnJD3u</a></p>
1359</li>
1360<li><p><b>微信</b><br>a2217927455</p>
1361</li>
1362</ul>
1363<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="330" height="86" src="//music.163.com/outchain/player?type=2&id=1942393342&auto=1&height=66"></iframe>
1364
1365
1366
1367                        </div>
1368                </div>
1369            </div>
1370        </div>
1371    </div>
1372</main>
1373    <!-- 不蒜子与看板娘冲突问题在于其中span -->
1374<footer class="page-footer bg-color">
1375    <div class="container row center-align">
1376        <div class="col s12 m8 l8 copy-right">
1377            &copy; Bevis23. 版权所有
1378
1379            
1380            &nbsp;<i class="fa fa-area-chart"></i>&nbsp;站点总字数:&nbsp;
1381            <span class="white-color">189.3k</span>
1382            
1383
1384            <br>
1385            <span id="sitetime"></span>
1386
1387            
1388            
1389            <br>
1390            
1391            
1392                <i class="fa fa-heart-o"></i>
1393                本站总访问量 <span id="busuanzi_value_site_pv" class="white-color"></span>
1394            
1395            
1396            
1397            
1398                人次,&nbsp;访客数 <span id="busuanzi_value_site_uv" class="white-color"></span> 人.
1399            
1400            
1401            
1402        </div>
1403        <div class="col s12 m4 l4 social-link social-statis">
1404    <a href="https://github.com/Bevis23" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
1405        <i class="fa fa-github"></i>
1406    </a>
1407
1408
1409
1410    <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
1411        <i class="fa fa-envelope-open"></i>
1412    </a>
1413
1414
1415
1416
1417
1418    <a href="http://wpa.qq.com/msgrd?v=3&uin=2217934615&site=qq&menu=yes" class="tooltipped" target="_blank" data-tooltip="访问我的知乎" data-position="top" data-delay="50">
1419        <i class="fa fa-qq"></i>
1420    </a>
1421
1422
1423
1424
1425
1426    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
1427        <i class="fa fa-rss"></i>
1428    </a>
1429
1430
1431</div>
1432    </div>
1433</footer>
1434
1435<div class="progress-bar"></div>
1436
1437<!-- 不蒜子计数初始值纠正 -->
1438<script>
1439    $(document).ready(function () {
1440
1441        var int = setInterval(fixCount, 50);
1442        var pvcountOffset = 0;
1443        var uvcountOffset = 0;
1444
1445        function fixCount() {
1446            if (document.getElementById("busuanzi_container_site_pv").style.display != "none") {
1447                $("#busuanzi_value_site_pv").html(parseInt($("#busuanzi_value_site_pv").html()) + pvcountOffset);
1448                clearInterval(int);
1449            }
1450            if ($("#busuanzi_container_site_pv").css("display") != "none") {
1451                $("#busuanzi_value_site_uv").html(parseInt($("#busuanzi_value_site_uv").html()) + uvcountOffset); // 加上初始数据 
1452                clearInterval(int);
1453            }
1454        }
1455    });
1456</script>
1456
1457
1458<script language=javascript>
1459    function siteTime() {
1460        window.setTimeout("siteTime()", 1000);
1461        var seconds = 1000;
1462        var minutes = seconds * 60;
1463        var hours = minutes * 60;
1464        var days = hours * 24;
1465        var years = days * 365;
1466        var today = new Date();
1467        var todayYear = today.getFullYear();
1468        var todayMonth = today.getMonth() + 1;
1469        var todayDate = today.getDate();
1470        var todayHour = today.getHours();
1471        var todayMinute = today.getMinutes();
1472        var todaySecond = today.getSeconds();
1473        /* Date.UTC() -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)
1474        year - 作为date对象的年份,为4位年份值
1475        month - 0-11之间的整数,做为date对象的月份
1476        day - 1-31之间的整数,做为date对象的天数
1477        hours - 0(午夜24点)-23之间的整数,做为date对象的小时数
1478        minutes - 0-59之间的整数,做为date对象的分钟数
1479        seconds - 0-59之间的整数,做为date对象的秒数
1480        microseconds - 0-999之间的整数,做为date对象的毫秒数 */
1481        var t1 = Date.UTC(2023, 05, 24, 00, 00, 00); //北京时间2023-5-24 00:00:00
1482        var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond);
1483        var diff = t2 - t1;
1484        var diffYears = Math.floor(diff / years);
1485        var diffDays = Math.floor((diff / days) - diffYears * 365);
1486        var diffHours = Math.floor((diff - (diffYears * 365 + diffDays) * days) / hours);
1487        var diffMinutes = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours) / minutes);
1488        var diffSeconds = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours - diffMinutes * minutes) / seconds);
1489        document.getElementById("sitetime").innerHTML = "本站已运行 " + diffYears + " 年 " + diffDays + " 天 " + diffHours + " 小时 " + diffMinutes + " 分钟 " + diffSeconds + " 秒";
1490    }/*因为建站时间还没有一年,就将之注释掉了。需要的可以取消*/
1491    siteTime();
1492</script>
1492
1493
1494    <!-- 搜索遮罩框 -->
1495<div id="searchModal" class="modal">
1496    <div class="modal-content">
1497        <div class="search-header">
1498            <span class="title"><i class="fa fa-search"></i>&nbsp;&nbsp;搜索</span>
1499            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
1500                   class="search-input">
1501        </div>
1502        <div id="searchResult"></div>
1503    </div>
1504</div>
1505
1506<script src="/js/search.js"></script>
vendor: 1 bytes, line 1506
1506
1507<script type="text/javascript">
1508$(function () {
1509    searchFunc("/" + "search.xml", 'searchInput', 'searchResult');
1510});
1511</script>
1511
1512    <!-- 回到顶部按钮 -->
1513<div id="backTop" class="top-scroll">
1514    <a class="btn-floating btn-large waves-effect waves-light" href="#!">
1515        <i class="fa fa-angle-up"></i>
1516    </a>
1517</div>
1518
1519    <!-- 白天和黑夜主题 -->
1520<div class="sum-moon-box">
1521  <a class="btn-floating btn-large waves-effect waves-light" onclick="switchNightMode()" title="切换主题" >
1522    <i id="sum-moon-icon" class="material-icons" style="width:48px; height:48px; font-size: 28px;">切换</i>
1523  </a>
1524</div>
1525
1526
1527<script>
1528  function switchNightMode() {
1529    $('<div class="Cuteen_DarkSky"><div class="Cuteen_DarkPlanet"></div></div>').appendTo($('body')),
1530      setTimeout(function () {
1531        $('body').hasClass('DarkMode') 
1532        ? ($('body').removeClass('DarkMode'), localStorage.setItem('isDark', '0'), $('#sum-moon-icon').removeClass("fa-sun").addClass('fa-moon')) 
1533        : ($('body').addClass('DarkMode'), localStorage.setItem('isDark', '1'), $('#sum-moon-icon').addClass("fa-sun").removeClass('fa-moon')),
1534          
1535        setTimeout(function () {
1536          $('.Cuteen_DarkSky').fadeOut(1e3, function () {
1537            $(this).remove()
1538          })
1539        }, 2e3)
1540      })
1541  }
1542</script>
1542
1543
1544<div class="stars-con">
1545  <div id="stars"></div>
1546  <div id="stars2"></div>
1547  <div id="stars3"></div>  
1548</div>
1549    
1550<script>
1551    
1552    if (localStorage.getItem('isDark') === '1') {
1553        document.body.classList.add('DarkMode');
1554        $('#sum-moon-icon').addClass("fa-sun").removeClass('fa-moon')
1555    } else {
1556        document.body.classList.remove('DarkMode');
1557        $('#sum-moon-icon').removeleClass("fa-sun").addClass('fa-moon')
1558    }
1559</script>
1559
1560
1561
1562    
1562<script src="/libs/materialize/materialize.min.js"></script>
1562
1563    
1563<script src="/libs/masonry/masonry.pkgd.min.js"></script>
1563
1564    
1564<script src="/libs/aos/aos.js"></script>
1564
1565    
1565<script src="/libs/scrollprogress/scrollProgress.min.js"></script>
1565
1566    
1566<script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
1566
1567    
1567<script src="/js/matery.js"></script>
1567
1568
1569    
1569<script type="text/javascript"> var OriginTitile = document.title, st; document.addEventListener("visibilitychange", function () { document.hidden ? (document.title = "你别走呀 (。•́︿•̀。)", clearTimeout(st)) : (document.title = "你来啦!(^ω^)", st = setTimeout(function () { document.title = OriginTitile }, 3e3)) })  
1570    </script>
1570
1571
1572<!-- 天气插件 -->
1573<div id="he-plugin-simple"></div>
1574<script>
1575WIDGET = {
1576  "CONFIG": {
1577    "modules": "01234",
1578    "background": "5",
1579    "tmpColor": "FFFFFF",
1580    "tmpSize": "16",
1581    "cityColor": "FFFFFF",
1582    "citySize": "16",
1583    "aqiColor": "FFFFFF",
1584    "aqiSize": "16",
1585    "weatherIconSize": "24",
1586    "alertIconSize": "18",
1587    "padding": "50px 10px 10px 10px",
1588    "shadow": "1",
1589    "language": "zh",
1590    "borderRadius": "15",
1591    "fixed": "true",
1592    "vertical": "left",
1593    "horizontal": "right",
1594    "left": "0",
1595    "top": "40",
1596    "key": "648bb6c32e814644963b9fe24983e27e"
1597  }
1598}
1599</script>
vendor: 1 bytes, line 1599
1599
1600<script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script>
1600
1601
1602
1603<!--动态线条背景-->
1604<script type="text/javascript"
1605color="220,220,220" opacity='0.7' zIndex="-2" count="200" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js">
1606</script>
1606
1607
1608
1609
1610    <!-- Global site tag (gtag.js) - Google Analytics -->
1611
1612<script async src="https://www.googletagmanager.com/gtag/js?id=查教程获取"></script>
vendor: 1 bytes, line 1612
1612
1613<script>
1614    window.dataLayer = window.dataLayer || [];
1615    function gtag() {
1616        dataLayer.push(arguments);
1617    }
1618
1619    gtag('js', new Date());
1620    gtag('config', '查教程获取');
1621</script>
1621
1622
1623
1624
1625    
1626    
1626<script src="/libs/others/clicklove.js"></script>
1626
1627    
1628
1629    
1630    
1630<script async src="/libs/others/busuanzi.pure.mini.js"></script>
1630
1631    
1632
1633    <!-- 雪花特效 -->
1634    
1635
1636<script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script>
1636<script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"debug":false,"model":{"jsonPath":"/live2dw/assets/haruto.model.json"},"display":{"position":"right","width":230,"height":280,"hOffset":50,"vOffset":-5},"mobile":{"show":true,"scale":0.5},"react":{"opacityDefault":0.7,"opacityOnHover":0.8},"log":false});</script>
1636</body>
1637
1638</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.