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