PageSourceSearch

https://wenjing233.github.io/about/

html wenjing233.github.io collected 2026-10-03 10:09:55 UTC 22,843 bytes, 730 lines download raw bytes

1<!DOCTYPE HTML>
2<html lang="zh-CN">
3
4
5<head><meta name="generator" content="Hexo 3.8.0">
6    <meta charset="utf-8">
7    <meta name="keywords" content="关于, wenjing233的小站">
8    <meta name="description" content="关于 | wenjing233的小站">
9    <meta http-equiv="X-UA-Compatible" content="IE=edge">
10    <meta name="viewport" content="width=device-width, initial-scale=1.0">
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    <title>关于 | wenjing233的小站</title>
17    <link rel="icon" type="image/png" href="/medias/favicon.png">
18
19    <link rel="stylesheet" type="text/css" href="/libs/awesome/css/font-awesome.min.css">
20    <link rel="stylesheet" type="text/css" href="/libs/materialize/css/materialize.min.css">
21    <link rel="stylesheet" type="text/css" href="/libs/aos/aos.css">
22    <link rel="stylesheet" type="text/css" href="/libs/animate/animate.min.css">
23    <link rel="stylesheet" type="text/css" href="/libs/lightGallery/css/lightgallery.min.css">
24    <link rel="stylesheet" type="text/css" href="/css/matery.css">
25    <link rel="stylesheet" type="text/css" href="/css/my.css">
26
27    
27<script src="/libs/jquery/jquery-2.2.0.min.js"></script>
27
28<link rel="stylesheet" href="/css/prism-tomorrow.css" type="text/css"></head>
29
30
31<body>
32
33<header class="navbar-fixed">
34    <nav id="headNav" class="bg-color nav-transparent">
35        <div id="navContainer" class="container">
36            <div class="nav-wrapper">
37                <div class="brand-logo">
38                    <a href="/" class="waves-effect waves-light">
39                        
40                        <img src="/medias/logo.png" class="logo-img hide-on-small-only">
41                        
42                        <span class="logo-span">wenjing233的小站</span>
43                    </a>
44                </div>
45                
46
47<a href="#" data-activates="mobile-nav" class="button-collapse"><i class="fa fa-navicon"></i></a>
48<ul class="right">
49    
50    <li class="hide-on-med-and-down">
51        <a href="/" class="waves-effect waves-light">
52            
53            <i class="fa fa-home"></i>
54            
55            <span>首页</span>
56        </a>
57    </li>
58    
59    <li class="hide-on-med-and-down">
60        <a href="/tags" class="waves-effect waves-light">
61            
62            <i class="fa fa-tags"></i>
63            
64            <span>标签</span>
65        </a>
66    </li>
67    
68    <li class="hide-on-med-and-down">
69        <a href="/categories" class="waves-effect waves-light">
70            
71            <i class="fa fa-bookmark"></i>
72            
73            <span>分类</span>
74        </a>
75    </li>
76    
77    <li class="hide-on-med-and-down">
78        <a href="/archives" class="waves-effect waves-light">
79            
80            <i class="fa fa-archive"></i>
81            
82            <span>归档</span>
83        </a>
84    </li>
85    
86    <li class="hide-on-med-and-down">
87        <a href="/about" class="waves-effect waves-light">
88            
89            <i class="fa fa-user-circle-o"></i>
90            
91            <span>关于</span>
92        </a>
93    </li>
94    
95    <li class="hide-on-med-and-down">
96        <a href="/friends" class="waves-effect waves-light">
97            
98            <i class="fa fa-address-book"></i>
99            
100            <span>友情链接</span>
101        </a>
102    </li>
103    
104    <li>
105        <a id="toggleSearch" class="waves-effect waves-light">
106            <i id="searchIcon" class="mdi-action-search" title="搜索"></i>
107        </a>
108    </li>
109
110</ul>
111
112<div class="side-nav" id="mobile-nav">
113
114    <div class="mobile-head bg-color">
115        
116        <img src="/medias/logo.png" class="logo-img circle responsive-img">
117        
118        <div class="logo-name">wenjing233的小站</div>
119        <div class="logo-desc">
120            
121            所谓觉悟,就是在黑暗的荒野上开辟出一条理当前进的光明大道
122            
123        </div>
124    </div>
125
126    
127
128    <ul class="menu-list mobile-menu-list">
129        
130        <li>
131            <a href="/" class="waves-effect waves-light">
132                
133                <i class="fa fa-fw fa-home"></i>
134                
135                首页
136            </a>
137        </li>
138        
139        <li>
140            <a href="/tags" class="waves-effect waves-light">
141                
142                <i class="fa fa-fw fa-tags"></i>
143                
144                标签
145            </a>
146        </li>
147        
148        <li>
149            <a href="/categories" class="waves-effect waves-light">
150                
151                <i class="fa fa-fw fa-bookmark"></i>
152                
153                分类
154            </a>
155        </li>
156        
157        <li>
158            <a href="/archives" class="waves-effect waves-light">
159                
160                <i class="fa fa-fw fa-archive"></i>
161                
162                归档
163            </a>
164        </li>
165        
166        <li>
167            <a href="/about" class="waves-effect waves-light">
168                
169                <i class="fa fa-fw fa-user-circle-o"></i>
170                
171                关于
172            </a>
173        </li>
174        
175        <li>
176            <a href="/friends" class="waves-effect waves-light">
177                
178                <i class="fa fa-fw fa-address-book"></i>
179                
180                友情链接
181            </a>
182        </li>
183        
184        
185        <li><div class="divider"></div></li>
186        <li>
187            <a href="https://github.com/wenjing233/wenjing233.github.io" class="waves-effect waves-light" target="_blank">
188                <i class="fa fa-github-square fa-fw"></i>Fork Me
189            </a>
190        </li>
191        
192    </ul>
193
194    <div class="social-link">
195    <a href="https://github.com/wenjing233" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
196        <i class="fa fa-github"></i>
197    </a>
198
199
200
201    <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
202        <i class="fa fa-envelope-open"></i>
203    </a>
204
205
206
207    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=2040553710" class="tooltipped" data-tooltip="QQ联系我: 2040553710" data-position="top" data-delay="50">
208        <i class="fa fa-qq"></i>
209    </a>
210
211
212</div>
213</div>
214
215            </div>
216        </div>
217
218        
219        <style>
220    .nav-transparent .github-corner {
221        display: none !important;
222    }
223
224    .github-corner {
225        position: absolute;
226        z-index: 10;
227        top: 0;
228        right: 0;
229        border: 0;
230        transform: scale(1.1);
231    }
232
233    .github-corner svg {
234        color: #003AFF;
235        fill: #fff;
236        height: 64px;
237        width: 64px;
238    }
239
240    .github-corner:hover .octo-arm {
241        animation: a 0.56s ease-in-out;
242    }
243
244    .github-corner .octo-arm {
245        animation: none;
246    }
247
248    @keyframes a {
249        0%,
250        to {
251            transform: rotate(0);
252        }
253        20%,
254        60% {
255            transform: rotate(-25deg);
256        }
257        40%,
258        80% {
259            transform: rotate(10deg);
260        }
261    }
262</style>
263
264<a href="https://github.com/wenjing233/wenjing233.github.io" class="github-corner tooltipped hide-on-med-and-down" target="_blank" data-tooltip="Fork Me" data-position="left" data-delay="50">
265    <svg viewbox="0 0 250 250" aria-hidden="true">
266        <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"/>
267        <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" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"/>
268        <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" fill="currentColor" class="octo-body"/>
269    </svg>
270</a>
271        
272    </nav>
273</header>
274
275<style type="text/css">
276    /* don't remove. */
277    .about-cover {
278        height: 75vh;
279    }
280</style>
281
282<div class="bg-cover  about-cover" style="background-image: url('/medias/cover.jpg')">
283    <div class="container">
284        <div class="row">
285            <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2">
286                <div class="brand">
287                    <div class="title center-align">
288                    
289                        MY BLOG
290                    
291                    </div>
292
293                    <div class="description center-align">
294                    
295                        所谓觉悟,就是在黑暗的荒野上开辟出一条理当前进的光明大道
296                    
297                    </div>
298                </div>
299            </div>
300        </div>
301        
302    </div>
303</div>
304
305<script>
306// Dynamically switch banner pictures every day.
307$('.bg-cover').css('background-image', 'url(/medias/banner/' + new Date().getDay() + '.jpg)');
308</script>
308
309
310<main class="content">
311
312    <div id="aboutme" class="container about-container">
313        <div class="card">
314            <div class="card-content">
315                <div class="row">
316                    <div class="post-statis col l4 hide-on-med-and-down" data-aos="zoom-in-right">
317                        
318<div class="statis">
319    <span class="count"><a href="/" target="_blank">26</a></span>
320    <span class="name">文章</span>
321</div>
322
323
324
325<div class="statis">
326    <span class="count"><a href="/categories" target="_blank">5</a></span>
327    <span class="name">分类</span>
328</div>
329
330
331
332<div class="statis">
333    <span class="count"><a href="/tags" target="_blank">38</a></span>
334    <span class="name">标签</span>
335</div>
336
337                    </div>
338                    <div class="col s12 m12 l4">
339                        <div class="profile center-align">
340                            <div class="avatar">
341                                <img src="/medias/avatar.jpg" alt="wenjing233" class="circle responsive-img avatar-img">
342                            </div>
343                            <div class="author">
344                                <div class="post-statis hide-on-large-only" data-aos="zoom-in-right">
345                                    
346<div class="statis">
347    <span class="count"><a href="/" target="_blank">26</a></span>
348    <span class="name">文章</span>
349</div>
350
351
352
353<div class="statis">
354    <span class="count"><a href="/categories" target="_blank">5</a></span>
355    <span class="name">分类</span>
356</div>
357
358
359
360<div class="statis">
361    <span class="count"><a href="/tags" target="_blank">38</a></span>
362    <span class="name">标签</span>
363</div>
364
365                                </div>
366                                <div class="title">wenjing233</div>
367                                <div class="career">初三oier</div>
368                                <div class="social-link hide-on-large-only" data-aos="zoom-in-left">
369                                    
370    <a href="https://github.com/wenjing233" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
371        <i class="fa fa-github"></i>
372    </a>
373
374
375
376    <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
377        <i class="fa fa-envelope-open"></i>
378    </a>
379
380
381
382    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=2040553710" class="tooltipped" data-tooltip="QQ联系我: 2040553710" data-position="top" data-delay="50">
383        <i class="fa fa-qq"></i>
384    </a>
385
386
387
388                                </div>
389                            </div>
390                        </div>
391                    </div>
392                    <div class="col l4 hide-on-med-and-down" data-aos="zoom-in-left">
393                        <div class="social-link">
394                            
395    <a href="https://github.com/wenjing233" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
396        <i class="fa fa-github"></i>
397    </a>
398
399
400
401    <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
402        <i class="fa fa-envelope-open"></i>
403    </a>
404
405
406
407    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=2040553710" class="tooltipped" data-tooltip="QQ联系我: 2040553710" data-position="top" data-delay="50">
408        <i class="fa fa-qq"></i>
409    </a>
410
411
412
413                        </div>
414                    </div>
415                </div>
416
417                <div class="introduction center-align" data-aos="fade-up">NOIP2019 RP++</div>
418
419                <style type="text/css">
420    #posts-chart,
421    #categories-chart,
422    #tags-chart {
423        width: 100%;
424        height: 300px;
425        margin: 0.5rem auto;
426        padding: 0.5rem;
427    }
428</style>
429
430<div id="postCharts" class="post-charts">
431    <div class="title center-align" data-aos="zoom-in-up">
432        <i class="fa fa-bar-chart"></i>&nbsp;&nbsp;文章统计图
433    </div>
434    <div class="row">
435        <div class="chart col s12 m6 l4" data-aos="zoom-in-up">
436            <div id="posts-chart"></div>
437        </div>
438
439        <div class="chart col s12 m6 l4" data-aos="zoom-in-up">
440            <div id="categories-chart"></div>
441        </div>
442
443        <div class="chart col s12 m6 l4" data-aos="zoom-in-up">
444            <div id="tags-chart"></div>
445        </div>
446    </div>
447</div>
448
449<script type="text/javascript" src="/libs/echarts/echarts.min.js"></script>
vendor: 1 bytes, line 449
449
450<script>
451    let postsChart = echarts.init(document.getElementById('posts-chart'));
452    let categoriesChart = echarts.init(document.getElementById('categories-chart'));
453    let tagsChart = echarts.init(document.getElementById('tags-chart'));
454
455    
456
457    let postsOption = {
458        title: {
459            text: '文章发布统计图',
460            top: -5,
461            x: 'center'
462        },
463        tooltip: {
464            trigger: 'axis'
465        },
466        xAxis: {
467            type: 'category',
468            data: ["2018-06","2018-07","2018-08","2018-09","2018-10","2018-11","2018-12","2019-01","2019-02","2019-03","2019-04","2019-05","2019-06"]
469        },
470        yAxis: {
471            type: 'value',
472        },
473        series: [
474            {
475                name: '文章篇数',
476                type: 'line',
477                color: ['#6772e5'],
478                data: [0,0,0,0,0,0,0,0,13,7,3,0,3],
479                markPoint: {
480                    symbolSize: 45,
481                    color: ['#fa755a','#3ecf8e','#82d3f4'],
482                    data: [{
483                        type: 'max',
484                        itemStyle: {color: ['#3ecf8e']},
485                        name: '最大值'
486                    }, {
487                        type: 'min',
488                        itemStyle: {color: ['#fa755a']},
489                        name: '最小值'
490                    }]
491                },
492                markLine: {
493                    itemStyle: {color: ['#ab47bc']},
494                    data: [
495                        {type: 'average', name: '平均值'}
496                    ]
497                }
498            }
499        ]
500    };
501
502    
503
504    let categoriesOption = {
505        title: {
506            text: '文章分类统计图',
507            top: -4,
508            x: 'center'
509        },
510        tooltip: {
511            trigger: 'item',
512            formatter: "{a} <br/>{b} : {c} ({d}%)"
513        },
514        series: [
515            {
516                name: '分类',
517                type: 'pie',
518                radius: '50%',
519                color: ['#6772e5', '#ff9e0f', '#fa755a', '#3ecf8e', '#82d3f4', '#ab47bc', '#525f7f', '#f51c47', '#26A69A'],
520                data: [{"name":"模拟赛总结","value":8},{"name":"生活记录","value":2},{"name":"学习笔记","value":4},{"name":"题解","value":11},{"name":"故事","value":1}],
521                itemStyle: {
522                    emphasis: {
523                        shadowBlur: 10,
524                        shadowOffsetX: 0,
525                        shadowColor: 'rgba(0, 0, 0, 0.5)'
526                    }
527                }
528            }
529        ]
530    };
531
532    
533
534    let tagsOption = {
535        title: {
536            text: 'TOP10 标签统计图',
537            top: -5,
538            x: 'center'
539        },
540        tooltip: {},
541        xAxis: [
542            {
543                type: 'category',
544                data: ["题解","luogu","模拟赛总结","hgoi","学习笔记","贪心","数论","问题转化","树","图论"]
545            }
546        ],
547        yAxis: [
548            {
549                type: 'value'
550            }
551        ],
552        series: [
553            {
554                type: 'bar',
555                color: ['#82d3f4'],
556                barWidth : 18,
557                data: [13,9,8,8,4,3,3,2,2,2],
558                markPoint: {
559                    symbolSize: 45,
560                    data: [{
561                        type: 'max',
562                        itemStyle: {color: ['#3ecf8e']},
563                        name: '最大值'
564                    }, {
565                        type: 'min',
566                        itemStyle: {color: ['#fa755a']},
567                        name: '最小值'
568                    }],
569                },
570                markLine: {
571                    itemStyle: {color: ['#ab47bc']},
572                    data: [
573                        {type: 'average', name: '平均值'}
574                    ]
575                }
576            }
577        ]
578    };
579
580    // render the charts
581    postsChart.setOption(postsOption);
582    categoriesChart.setOption(categoriesOption);
583    tagsChart.setOption(tagsOption);
584</script>
584
585
586                
587
588                
589
590                
591                
592<div id="myGallery" class="my-gallery">
593    <div class="title center-align" data-aos="zoom-in-up">
594        <i class="fa fa-photo"></i>&nbsp;&nbsp;相册
595    </div>
596    <div class="row">
597        
598        
599        <div class="photo col s12 m6 l4" data-aos="fade-up">
600            <div class="img-item" data-src="/medias/featureimages/0.jpg">
601                <img src="/medias/featureimages/0.jpg" class="responsive-img">
602            </div>
603        </div>
604        
605        <div class="photo col s12 m6 l4" data-aos="fade-up">
606            <div class="img-item" data-src="/medias/featureimages/1.jpg">
607                <img src="/medias/featureimages/1.jpg" class="responsive-img">
608            </div>
609        </div>
610        
611        <div class="photo col s12 m6 l4" data-aos="fade-up">
612            <div class="img-item" data-src="/medias/featureimages/2.jpg">
613                <img src="/medias/featureimages/2.jpg" class="responsive-img">
614            </div>
615        </div>
616        
617        
618    </div>
619</div>
620
621<script>
622    $(function () {
623        let animateClass = 'animated pulse';
624        $('#myGallery .photo').hover(function () {
625            $(this).addClass(animateClass);
626        }, function () {
627            $(this).removeClass(animateClass);
628        });
629    });
630</script>
630
631                
632
633            </div>
634        </div>
635    </div>
636</main>
637<footer class="page-footer bg-color">
638    <div class="container row center-align">
639        <div class="col s12 m8 l8 copy-right">
640            本站由&copy;<a href="https://blinkfox.github.io/" target="_blank">Blinkfox</a>基于
641            <a href="https://hexo.io/" target="_blank">Hexo</a> 的
642            <a href="https://github.com/blinkfox/hexo-theme-matery" target="_blank">hexo-theme-matery</a>主题搭建.
643
644            
645                &nbsp;<i class="fa fa-area-chart"></i>&nbsp;站点总字数:&nbsp;
646                <span class="white-color">30k</span>
647            
648
649            
650			
651                <br>
652                
653                <span id="busuanzi_container_site_pv">
654                    <i class="fa fa-heart-o"></i>
655                    本站总访问量 <span id="busuanzi_value_site_pv" class="white-color"></span>
656                </span>
657                
658                
659                <span id="busuanzi_container_site_uv">
660                    <i class="fa fa-users"></i>
661                    次,&nbsp;访客数 <span id="busuanzi_value_site_uv" class="white-color"></span> 人.
662                </span>
663                
664            
665        </div>
666        <div class="col s12 m4 l4 social-link social-statis">
667    <a href="https://github.com/wenjing233" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
668        <i class="fa fa-github"></i>
669    </a>
670
671
672
673    <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
674        <i class="fa fa-envelope-open"></i>
675    </a>
676
677
678
679    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=2040553710" class="tooltipped" data-tooltip="QQ联系我: 2040553710" data-position="top" data-delay="50">
680        <i class="fa fa-qq"></i>
681    </a>
682
683
684</div>
685    </div>
686</footer>
687
688<div class="progress-bar"></div>
689
690
691<!-- 搜索遮罩框 -->
692<div id="searchModal" class="modal">
693    <div class="modal-content">
694        <div class="search-header">
695            <span class="title"><i class="fa fa-search"></i>&nbsp;&nbsp;搜索</span>
696            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字" class="search-input" autofocus>
697        </div>
698        <div id="searchResult"></div>
699    </div>
700</div>
701
702<script src="/js/search.js"></script>
vendor: 1 bytes, line 702
702
703<script type="text/javascript">
704    searchFunc("/" + "search.xml", 'searchInput', 'searchResult');
705</script>
705
706<!-- 回到顶部按钮 -->
707<div id="backTop" class="top-scroll">
708    <a class="btn-floating btn-large waves-effect waves-light" href="#!">
709        <i class="fa fa-angle-up"></i>
710    </a>
711</div>
712
713
714<script src="/libs/materialize/js/materialize.min.js"></script>
vendor: 1 bytes, line 714
714
715<script src="/libs/masonry/masonry.pkgd.min.js"></script>
vendor: 1 bytes, line 715
715
716<script src="/libs/aos/aos.js"></script>
vendor: 1 bytes, line 716
716
717<script src="/libs/scrollprogress/scrollProgress.min.js"></script>
vendor: 1 bytes, line 717
717
718<script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
vendor: 1 bytes, line 718
718
719<script src="/js/matery.js"></script>
719
720
721<!-- Global site tag (gtag.js) - Google Analytics -->
722
723
724
725
726    
726<script async src="/libs/others/busuanzi.pure.mini.js"></script>
726
727
728
729</body>
730</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.