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> æç« ç»è®¡å¾ 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> ç¸å 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 æ¬ç«ç±©<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 <i class="fa fa-area-chart"></i> ç«ç¹æ»åæ°: 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 次, è®¿å®¢æ° <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> æç´¢</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.