1<!DOCTYPE HTML> 2<html lang="zh-CN"> 3 4 5<head> 6 <meta charset="utf-8"> 7 <meta name="keywords" content="å ³äºCikian, Cikian,éåå¥ï¼cikian,'cikian','Cikian','éåå¥',czj,'czj'"> 8 <meta name="description" content="è¿éæ¯Cikianï¼æ¬¢è¿æ¨ç访é®ï¼"> 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 <title>å ³äºCikian | Cikian</title> 21 <link rel="icon" type="image/png" href="/favicon.png"> 22 23 <link rel="stylesheet" type="text/css" href="/libs/awesome/css/all.min.css"> 24 <link rel="stylesheet" type="text/css" href="/libs/materialize/materialize.min.css"> 25 <link rel="stylesheet" type="text/css" href="/libs/aos/aos.css"> 26 <link rel="stylesheet" type="text/css" href="/libs/animate/animate.min.css"> 27 <link rel="stylesheet" type="text/css" href="/libs/lightGallery/css/lightgallery.min.css"> 28 <link rel="stylesheet" type="text/css" href="/css/matery.css"> 29 <link rel="stylesheet" type="text/css" href="/css/my.css"> 30 31
31<script src="/libs/jquery/jquery-3.6.0.min.js"></script>
31 32
32<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
32 33
33<script>LA.init({ id: "JeJlqAoGwWCXssib", ck: "JeJlqAoGwWCXssib" })</script>
33 34 35<meta name="generator" content="Hexo 6.0.0"><link rel="alternate" href="/atom.xml" title="Cikian" type="application/atom+xml"> 36<link rel="stylesheet" href="/css/prism-tomorrow.css" type="text/css"></head> 37 38 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="/medias/logo.png" class="logo-img" alt="LOGO"> 49 50 <span class="logo-span"> 51 Cikian 52 </span> 53 54 </a> 55 56 </div> 57 58 59 <a href="#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fas fa-bars"></i></a> 60 <ul class="right nav-menu"> 61 62 <li class="hide-on-med-and-down nav-item"> 63 64 <a href="/" class="waves-effect waves-light"> 65 66 <i class="fas fa-home" style="zoom: 0.6;"></i> 67 68 <span>é¦é¡µ</span> 69 </a> 70 71 </li> 72 73 74 <li class="hide-on-med-and-down nav-item"> 75 76 <a href="/tags" class="waves-effect waves-light"> 77 78 <i class="fas fa-tags" style="zoom: 0.6;"></i> 79 80 <span>æ ç¾</span> 81 </a> 82 83 </li> 84 85 86 <li class="hide-on-med-and-down nav-item"> 87 88 <a href="/categories" class="waves-effect waves-light"> 89 90 <i class="fas fa-bookmark" style="zoom: 0.6;"></i> 91 92 <span>åç±»</span> 93 </a> 94 95 </li> 96 97 98 <li class="hide-on-med-and-down nav-item"> 99 100 <a href="/archives" class="waves-effect waves-light"> 101 102 <i class="fas fa-archive" style="zoom: 0.6;"></i> 103 104 <span>æ¶é´çº¿</span> 105 </a> 106 107 </li> 108 109 110 <li class="hide-on-med-and-down nav-item"> 111 112 <a href="/about" class="waves-effect waves-light"> 113 114 <i class="fas fa-user-circle" style="zoom: 0.6;"></i> 115 116 <span>å ³äº</span> 117 </a> 118 119 </li> 120 121 122 <li class="hide-on-med-and-down nav-item"> 123 124 <a href="/friends" class="waves-effect waves-light"> 125 126 <i class="fas fa-address-book" style="zoom: 0.6;"></i> 127 128 <span>åé¾</span> 129 </a> 130 131 </li> 132 133 134 <li class="hide-on-med-and-down nav-item"> 135 136 <a href="/bb" class="waves-effect waves-light"> 137 138 <i class="fas fa-book" style="zoom: 0.6;"></i> 139 140 <span>Cikian Space</span> 141 </a> 142 143 </li> 144 145 146 <li class="hide-on-med-and-down nav-item"> 147 148 <a href="" class="waves-effect waves-light"> 149 150 151 <i class="fas fa-location-arrow" style="zoom: 0.6;"></i> 152 153 <span>导èª</span> 154 <i class="fas fa-chevron-down" aria-hidden="true" style="zoom: 0.6;"></i> 155 </a> 156 157 <ul class="sub-nav menus_item_child "> 158 159 <li> 160 <a target="_blank" rel="noopener" href="https://cikian.cn"> 161 162 <span>Cikian主页</span> 163 </a> 164 </li> 165 166 <li> 167 <a target="_blank" rel="noopener" href="https://cikian.cn/pages/gzh/index.html"> 168 169 <span>å ¬ä¼å·</span> 170 </a> 171 </li> 172 173 <li> 174 <a target="_blank" rel="noopener" href="https://cloud.tencent.com/developer/user/9436786"> 175 176 <span>è ¾è®¯äºç¤¾åº</span> 177 </a> 178 </li> 179 180 <li> 181 <a target="_blank" rel="noopener" href="https://blog.csdn.net/CikianOS"> 182
183 <span>CSDNå客</span> 184 </a> 185 </li> 186 187 188 </ul> 189 190 </li> 191 192 193 194 <li> 195 <a href="#searchModal" class="modal-trigger waves-effect waves-light"> 196 <i id="searchIcon" class="fas fa-search" title="æç´¢" style="zoom: 0.85;"></i> 197 </a> 198 </li> 199 </ul> 200 201 202<div id="mobile-nav" class="side-nav sidenav"> 203 204 <div class="mobile-head bg-color"> 205 206 <img src="/medias/logo.png" class="logo-img circle responsive-img"> 207 208 <div class="logo-name">Cikian</div> 209 <div class="logo-desc"> 210 211 è¿éæ¯Cikianï¼æ¬¢è¿æ¨ç访é®ï¼ 212 213 </div> 214 </div> 215 216 <ul class="menu-list mobile-menu-list"> 217 218 <li class="m-nav-item"> 219 220 <a href="/" class="waves-effect waves-light"> 221 222 <i class="fa-fw fas fa-home"></i> 223 224 é¦é¡µ 225 </a> 226 227 </li> 228 229 <li class="m-nav-item"> 230 231 <a href="/tags" class="waves-effect waves-light"> 232 233 <i class="fa-fw fas fa-tags"></i> 234 235 æ ç¾ 236 </a> 237 238 </li> 239 240 <li class="m-nav-item"> 241 242 <a href="/categories" class="waves-effect waves-light"> 243 244 <i class="fa-fw fas fa-bookmark"></i> 245 246 åç±» 247 </a> 248 249 </li> 250 251 <li class="m-nav-item"> 252 253 <a href="/archives" class="waves-effect waves-light"> 254 255 <i class="fa-fw fas fa-archive"></i> 256 257 æ¶é´çº¿ 258 </a> 259 260 </li> 261 262 <li class="m-nav-item"> 263 264 <a href="/about" class="waves-effect waves-light"> 265 266 <i class="fa-fw fas fa-user-circle"></i> 267 268 å ³äº 269 </a> 270 271 </li> 272 273 <li class="m-nav-item"> 274 275 <a href="/friends" class="waves-effect waves-light"> 276 277 <i class="fa-fw fas fa-address-book"></i> 278 279 åé¾ 280 </a> 281 282 </li> 283 284 <li class="m-nav-item"> 285 286 <a href="/bb" class="waves-effect waves-light"> 287 288 <i class="fa-fw fas fa-book"></i> 289 290 Cikian Space 291 </a> 292 293 </li> 294 295 <li class="m-nav-item"> 296 297 <a href="javascript:;"> 298 299 <i class="fa-fw fas fa-location-arrow"></i> 300 301 å¯¼èª 302 <span class="m-icon"><i class="fas fa-chevron-right"></i></span> 303 </a> 304 <ul style="background: ;" > 305 306 <li> 307 308 <a target="_blank" rel="noopener" href="https://cikian.cn " style="margin-left:75px"> 309 310 <span>Cikian主页</span> 311 </a> 312 </li> 313 314 <li> 315 316 <a target="_blank" rel="noopener" href="https://cikian.cn/pages/gzh/index.html " style="margin-left:75px"> 317 318 <span>å ¬ä¼å·</span> 319 </a> 320 </li> 321 322 <li> 323 324 <a target="_blank" rel="noopener" href="https://cloud.tencent.com/developer/user/9436786 " style="margin-left:75px"> 325 326 <span>è ¾è®¯äºç¤¾åº</span> 327 </a> 328 </li> 329 330 <li> 331 332 <a target="_blank" rel="noopener" href="https://blog.csdn.net/CikianOS " style="margin-left:75px"> 333 334 <span>CSDNå客</span> 335 </a> 336 </li> 337 338 </ul> 339 340 </li> 341 342 343 <li><div class="divider"></div></li> 344 <li> 345 <a href="https://github.com/cikian" class="waves-effect waves-light" target="_blank"> 346 <i class="fab fa-github-square fa-fw"></i>Fork Me 347 </a> 348 </li> 349 350 </ul> 351</div> 352 353 354 </div> 355 356 357 <style> 358 .nav-transparent .github-corner { 359 display: none !important; 360 } 361 362 .github-corner { 363 position: absolute; 364 z-index: 10; 365 top: 0; 366 right: 0; 367 border: 0; 368 transform: scale(1.1); 369 } 370 371 .github-corner svg { 372 color: #0f9d58; 373 fill: #fff; 374 height: 64px; 375 width: 64px; 376 } 377 378 .github-corner:hover .octo-arm { 379 animation: a 0.56s ease-in-out; 380 } 381 382 .github-corner .octo-arm { 383 animation: none; 384 } 385
386 @keyframes a { 387 0%, 388 to { 389 transform: rotate(0); 390 } 391 20%, 392 60% { 393 transform: rotate(-25deg); 394 } 395 40%, 396 80% { 397 transform: rotate(10deg); 398 } 399 } 400</style> 401 402<a href="https://github.com/cikian" class="github-corner tooltipped hide-on-med-and-down" target="_blank" 403 data-tooltip="Fork Me" data-position="left" data-delay="50"> 404 <svg viewBox="0 0 250 250" aria-hidden="true"> 405 <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path> 406 <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" 407 fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path> 408 <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" 409 fill="currentColor" class="octo-body"></path> 410 </svg> 411</a> 412 413 414 415 </nav> 416 417</header> 418 <style type="text/css"> 419 /* don't remove. */ 420 .about-cover { 421 height: 75vh; 422 } 423</style> 424 425<div class="bg-cover pd-header about-cover"> 426 <div class="container"> 427 <div class="row"> 428 <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2"> 429 <div class="brand"> 430 <div class="title center-align"> 431 432 å ³äºCikian 433 434 435 <!-- 436 Cikian 437 --> 438 </div> 439 440 <div class="description center-align"> 441 442 <span id="subtitle"></span> 443
443<script src="/js/typed.js"></script>
443 444
444<script> 445 var typed = new Typed("#subtitle", { 446 strings: [ 447 448 "è¿å»å·²è¿å», æªæ¥è¿æªæ¥", 449 450 "The past is past, the future is not yet", 451 452 ], 453 startDelay: 300, 454 typeSpeed: 100, 455 loop: true, 456 backSpeed: 50, 457 showCursor: true 458 }); 459 </script>
459 460 461 </div> 462 </div> 463 </div> 464</div> 465 466 467
467<script> 468 // æ¯å¤©åæ¢ banner å¾. Switch banner image every day. 469 var bannerUrl = "/medias/banner/" + new Date().getDay() + '.jpg'; 470 $('.bg-cover').css('background-image', 'url(' + bannerUrl + ')'); 471 // $('.bg-cover').css('background-size', 'cover'); 472 </script>
472 473 474 </div> 475</div> 476 477 <main class="content"> 478 479 <div id="aboutme" class="container about-container"> 480 <div class="card"> 481 <div class="card-content"> 482 <div class="row"> 483 <div class="post-statis col l4 hide-on-med-and-down" data-aos="zoom-in-right"> 484 485<div class="statis"> 486 <span class="count"><a href="/">42</a></span> 487 <span class="name">æç« </span> 488</div> 489 490 491 492<div class="statis"> 493 <span class="count"><a href="/categories">14</a></span> 494 <span class="name">åç±»</span> 495</div> 496 497 498 499<div class="statis"> 500 <span class="count"><a href="/tags">24</a></span> 501 <span class="name">æ ç¾</span> 502</div> 503 504 505 </div> 506 <div class="col s12 m12 l4"> 507 <div class="profile center-align"> 508 <div class="avatar"> 509 <img src="/medias/avatar.png" 510 alt="Cikian" class="circle responsive-img avatar-img"> 511 </div> 512 <div class="author"> 513 <div class="post-statis hide-on-large-only" data-aos="zoom-in-right"> 514 515<div class="statis"> 516 <span class="count"><a href="/">42</a></span> 517 <span class="name">æç« </span> 518</div> 519 520 521 522<div class="statis"> 523 <span class="count"><a href="/categories">14</a></span> 524 <span class="name">åç±»</span> 525</div> 526 527 528 529<div class="statis"> 530 <span class="count"><a href="/tags">24</a></span> 531 <span class="name">æ ç¾</span> 532</div> 533 534 535 </div> 536 <div class="title"> 537 éåå¥ <br> 538 Cikian 539 </div> 540 <div class="career"> 541 软件工ç¨ä¸ä¸æ¬ç§å¨è¯»å¦ç 542 </div> 543 <div class="social-link hide-on-large-only" data-aos="zoom-in-left"> 544 545 <a href="https://github.com/cikian" class="tooltipped" target="_blank" data-tooltip="è®¿é®æçGitHub" data-position="top" data-delay="50"> 546 <i class="fab fa-github"></i> 547 </a> 548 549 550 551 <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="é®ä»¶èç³»æ" data-position="top" data-delay="50"> 552 <i class="fas fa-envelope-open"></i> 553 </a> 554 555 556 557 <a href="https://www.facebook.com/profile.php?id=100020112895449" class="tooltipped" target="_blank" data-tooltip="å ³æ³¨æçFacebook: https://www.facebook.com/profile.php?id=100020112895449" data-position="top" data-delay="50"> 558 <i class="fab fa-facebook-f"></i> 559 </a> 560 561 562 563 <a href="https://twitter.com/ChanCikian" class="tooltipped" target="_blank" data-tooltip="å ³æ³¨æçTwitter: https://twitter.com/ChanCikian" data-position="top" data-delay="50"> 564 <i class="fab fa-twitter"></i> 565 </a> 566 567 568 569 <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=2926066494" class="tooltipped" target="_blank" data-tooltip="QQèç³»æ: 2926066494" data-position="top" data-delay="50"> 570 <i class="fab fa-qq"></i> 571 </a> 572 573 574 575 576 577 578 <!-- 579 <a href="https://blog.csdn.net/CikianOS" class="tooltipped" target="_blank" data-tooltip="å ³æ³¨æçCSDN" data-position="top" data-delay="50" style="font-size: 5px; font-weight: 800; "> 580 CSDN 581 </a> 582 --> 583 584 585 <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订é " data-position="top" data-delay="50"> 586 <i class="fas fa-rss"></i> 587 </a> 588 589 </div> 590 </div> 591 </div> 592 </div> 593 <div class="col l4 hide-on-med-and-down" data-aos="zoom-in-left"> 594 <div class="social-link"> 595 596 <a href="https://github.com/cikian" class="tooltipped" target="_blank" data-tooltip="è®¿é®æçGitHub" data-position="top" data-delay="50"> 597 <i class="fab fa-github"></i> 598 </a> 599 600 601 602 <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="é®ä»¶èç³»æ" data-position="top" data-delay="50"> 603 <i class="fas fa-envelope-open"></i> 604 </a> 605 606 607 608 <a href="https://www.facebook.com/profile.php?id=100020112895449" class="tooltipped" target="_blank" data-tooltip="å ³æ³¨æçFacebook: https://www.facebook.com/profile.php?id=100020112895449" data-position="top" data-delay="50"> 609 <i class="fab fa-facebook-f"></i> 610 </a> 611 612 613 614 <a href="https://twitter.com/ChanCikian" class="tooltipped" target="_blank" data-tooltip="å ³æ³¨æçTwitter: https://twitter.com/ChanCikian" data-position="top" data-delay="50"> 615 <i class="fab fa-twitter"></i> 616 </a> 617 618 619 620 <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=2926066494" class="tooltipped" target="_blank" data-tooltip="QQèç³»æ: 2926066494" data-position="top" data-delay="50"> 621 <i class="fab fa-qq"></i> 622 </a> 623 624 625 626 627 628 629 <!-- 630 <a href="https://blog.csdn.net/CikianOS" class="tooltipped" target="_blank" data-tooltip="å ³æ³¨æçCSDN" data-position="top" data-delay="50" style="font-size: 5px; font-weight: 800; "> 631 CSDN 632 </a> 633 --> 634 635 636 <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订é " data-position="top" data-delay="50"> 637 <i class="fas fa-rss"></i> 638 </a> 639 640 </div> 641 </div> 642 </div> 643 644 <div class="introduction center-align" data-aos="fade-up"> 645 The past is past, the future is not yet. 646 </div> 647 648 <style type="text/css"> 649 #posts-chart, 650 #categories-chart, 651 #tags-chart { 652 width: 100%; 653 height: 300px; 654 margin: 0.5rem auto; 655 padding: 0.5rem; 656 } 657</style> 658 659<div id="postCharts" class="post-charts"> 660 <div class="title center-align" data-aos="zoom-in-up"> 661 <i class="far fa-bar-chart"></i> æç« ç»è®¡å¾ 662 </div> 663 <div class="row"> 664 <div class="chart col s12 m6 l4" data-aos="zoom-in-up"> 665 <div id="posts-chart"></div> 666 </div> 667 668 <div class="chart col s12 m6 l4" data-aos="zoom-in-up"> 669 <div id="categories-chart"></div> 670 </div> 671 672 <div class="chart col s12 m6 l4" data-aos="zoom-in-up"> 673 <div id="tags-chart"></div> 674 </div> 675 </div> 676</div> 677
678<script type="text/javascript" src="/libs/echarts/echarts.min.js"></script>
vendor: 1 bytes, line 678
678
679<script> 680 let postsChart = echarts.init(document.getElementById('posts-chart')); 681 let categoriesChart = echarts.init(document.getElementById('categories-chart')); 682 let tagsChart = echarts.init(document.getElementById('tags-chart')); 683 684 685 686 let postsOption = { 687 title: { 688 text: 'æç« åå¸ç»è®¡å¾', 689 top: -5, 690 x: 'center' 691 }, 692 tooltip: { 693 trigger: 'axis' 694 }, 695 xAxis: { 696 type: 'category', 697 data: ["2023-03","2023-04","2023-05","2023-06","2023-07","2023-08","2023-09","2023-10","2023-11","2023-12","2024-01","2024-02","2024-03"] 698 }, 699 yAxis: { 700 type: 'value', 701 }, 702 series: [ 703 { 704 name: 'æç« ç¯æ°', 705 type: 'line', 706 color: ['#6772e5'], 707 data: [0,0,0,0,0,10,0,0,0,0,0,0,0], 708 markPoint: { 709 symbolSize: 45, 710 color: ['#fa755a','#3ecf8e','#82d3f4'], 711 data: [{ 712 type: 'max', 713 itemStyle: {color: ['#3ecf8e']}, 714 name: 'æå¤§å¼' 715 }, { 716 type: 'min', 717 itemStyle: {color: ['#fa755a']}, 718 name: 'æå°å¼' 719 }] 720 }, 721 markLine: { 722 itemStyle: {color: ['#ab47bc']}, 723 data: [ 724 {type: 'average', name: 'å¹³åå¼'} 725 ] 726 } 727 } 728 ] 729 }; 730 731 732 733 let categoriesOption = { 734 title: { 735 text: 'æç« åç±»ç»è®¡å¾', 736 top: -4, 737 x: 'center' 738 }, 739 tooltip: { 740 trigger: 'item', 741 formatter: "{a} <br/>{b} : {c} ({d}%)" 742 }, 743 series: [ 744 { 745 name: 'åç±»', 746 type: 'pie', 747 radius: '50%', 748 color: ['#6772e5', '#ff9e0f', '#fa755a', '#3ecf8e', '#82d3f4', '#ab47bc', '#525f7f', '#f51c47', '#26A69A'], 749 data: [{"name":"é®é¢è§£å³","value":3},{"name":"æç¨","value":5},{"name":"ç¬è®°","value":11},{"name":"Java","value":10},{"name":"JavaScript","value":4},{"name":"å°ç©æ","value":2},{"name":"MySQL","value":2},{"name":"Linux","value":1},{"name":"Python","value":1},{"name":"æç¨","value":1},{"name":"Spring","value":7},{"name":"Spring","value":3},{"name":"å享","value":1},{"name":"å°ç¨åº","value":1}], 750 itemStyle: { 751 emphasis: { 752 shadowBlur: 10, 753 shadowOffsetX: 0, 754 shadowColor: 'rgba(0, 0, 0, 0.5)' 755 } 756 } 757 } 758 ] 759 }; 760 761 762 763 let tagsOption = { 764 title: { 765 text: 'TOP10 æ ç¾ç»è®¡å¾', 766 top: -5, 767 x: 'center' 768 }, 769 tooltip: {}, 770 xAxis: [ 771 { 772 type: 'category', 773 data: ["Java","Spring","JavaScript","MySQL","é®é¢è§£å³","Linux","MyBatis","IDEA","å¿«æ·é®","彿°"] 774 } 775 ], 776 yAxis: [ 777 { 778 type: 'value' 779 } 780 ], 781 series: [ 782 { 783 type: 'bar', 784 color: ['#82d3f4'], 785 barWidth : 18, 786 data: [13,10,4,4,3,2,2,1,1,1], 787 markPoint: { 788 symbolSize: 45, 789 data: [{ 790 type: 'max', 791 itemStyle: {color: ['#3ecf8e']}, 792 name: 'æå¤§å¼' 793 }, { 794 type: 'min', 795 itemStyle: {color: ['#fa755a']}, 796 name: 'æå°å¼' 797 }], 798 }, 799 markLine: { 800 itemStyle: {color: ['#ab47bc']}, 801 data: [ 802 {type: 'average', name: 'å¹³åå¼'} 803 ] 804 } 805 } 806 ] 807 }; 808 809 // render the charts 810 postsChart.setOption(postsOption); 811 categoriesChart.setOption(categoriesOption); 812 tagsChart.setOption(tagsOption); 813</script>
813 814 815 816 817 818<div class="my-projects"> 819 <div class="title center-align" data-aos="zoom-in-up"> 820 <i class="fas fa-gift"></i> æçé¡¹ç® 821 </div> 822 <div class="row"> 823 824 825 <div class="col s12 m6 l4" data-aos="fade-up"> 826 <div class="info center-align"> 827 <a href="https://github.com/Cikian/Student-Manager-java-.git" class="icon" 828 style="background: linear-gradient(to bottom right, #66BB6A 0%, #81C784 100%)" target="_blank"> 829 <i class="fas fa-user-graduate"></i> 830 </a> 831 <div class="info-title"> 832 <a href="https://github.com/Cikian/Student-Manager-java-.git" target="_blank">cikian.github.io</a> 833 </div> 834 <div class="info-desc">Javaå®ç°å¦ç管çç³»ç»ã</div> 835 </div> 836 </div> 837 838 <div class="col s12 m6 l4" data-aos="fade-up"> 839 <div class="info center-align"> 840 <a href="https://github.com/Cikian/kuohao-pipei.git" class="icon" 841 style="background: linear-gradient(to bottom right, #F06292 0%, #EF5350 100%)" target="_blank"> 842 <i class="fas fa-database"></i> 843 </a> 844 <div class="info-title"> 845 <a href="https://github.com/Cikian/kuohao-pipei.git" target="_blank">kuohao-pipei</a> 846 </div> 847 <div class="info-desc">ç¨Cè¯è¨å®ç°çæ£æµæ¬å·å¹é åè½ã</div> 848 </div> 849 </div> 850 851 <div class="col s12 m6 l4" data-aos="fade-up"> 852 <div class="info center-align"> 853 <a href="https://github.com/Cikian/GuessNumber.git" class="icon" 854 style="background: linear-gradient(to bottom right, #29B6F6 0%, #1E88E5 100%)" target="_blank"> 855 <i class="fas fa-brain"></i> 856 </a> 857 <div class="info-title"> 858 <a href="https://github.com/Cikian/GuessNumber.git" target="_blank">cikian</a> 859 </div> 860 <div class="info-desc">Javaå°ç©æï¼çæ°æ¸¸æã</div> 861 </div> 862 </div> 863 864 865 </div> 866</div> 867 868 869 870 871 872<div class="my-skills"> 873 <div class="title center-align" data-aos="zoom-in-up"> 874 <i class="fas fa-wrench"></i> æçæè½ 875 </div> 876 <div class="row"> 877 878 879 880 <div class="col s12 m6 l6" data-aos="fade-up"> 881 <div class="skillbar"> 882 <div class="skillbar-title" 883 style="background: linear-gradient(to right, #FF0066 0%, #FF00CC 100%); width: 30%"> 884 <span>Java</span> 885 </div> 886 <div class="skill-bar-percent">30%</div> 887 </div> 888 </div> 889 890 891 <div class="col s12 m6 l6" data-aos="fade-up"> 892 <div class="skillbar"> 893 <div class="skillbar-title" 894 style="background: linear-gradient(to right, #9900FF 0%, #CC66FF 100%); width: 50%"> 895 <span>JavaScript</span> 896 </div> 897 <div class="skill-bar-percent">50%</div> 898 </div> 899 </div> 900 901 902 <div class="col s12 m6 l6" data-aos="fade-up"> 903 <div class="skillbar"> 904 <div class="skillbar-title" 905 style="background: linear-gradient(to right, #2196F3 0%, #42A5F5 100%); width: 90%"> 906 <span>HTML5</span> 907 </div> 908 <div class="skill-bar-percent">90%</div> 909 </div> 910 </div> 911 912 913 <div class="col s12 m6 l6" data-aos="fade-up"> 914 <div class="skillbar"> 915 <div class="skillbar-title" 916 style="background: linear-gradient(to right, #00BCD4 0%, #80DEEA 100%); width: 90%">
917 <span>CSS</span> 918 </div> 919 <div class="skill-bar-percent">90%</div> 920 </div> 921 </div> 922 923 924 <div class="col s12 m6 l6" data-aos="fade-up"> 925 <div class="skillbar"> 926 <div class="skillbar-title" 927 style="background: linear-gradient(to right, #4CAF50 0%, #81C784 100%); width: 30%"> 928 <span>SQL</span> 929 </div> 930 <div class="skill-bar-percent">30%</div> 931 </div> 932 </div> 933 934 935 <div class="col s12 m6 l6" data-aos="fade-up"> 936 <div class="skillbar"> 937 <div class="skillbar-title" 938 style="background: linear-gradient(to right, #FFEB3B 0%, #FFF176 100%); width: 60%"> 939 <span>ç¨åºè®¾è®¡</span> 940 </div> 941 <div class="skill-bar-percent">60%</div> 942 </div> 943 </div> 944 945 946 <div class="col s12 m6 l6" data-aos="fade-up"> 947 <div class="skillbar"> 948 <div class="skillbar-title" 949 style="background: linear-gradient(to right, #D939CD 0%, #F6CEEC 100%); width: 80%"> 950 <span>Photoshop</span> 951 </div> 952 <div class="skill-bar-percent">80%</div> 953 </div> 954 </div> 955 956 957 <div class="col s12 m6 l6" data-aos="fade-up"> 958 <div class="skillbar"> 959 <div class="skillbar-title" 960 style="background: linear-gradient(to right, #E80505 0%, #FDD819 100%); width: 90%"> 961 <span>MarkDown</span> 962 </div> 963 <div class="skill-bar-percent">90%</div> 964 </div> 965 </div> 966 967 968 </div> 969 970 971 972 973 <div class="other-skills chip-container" data-aos="zoom-in-up"> 974 <div class="sub-title center-align"><i class="fa fa-book"></i> å ¶ä»æè½</div> 975 <div class="tag-chips center-align"> 976 977 978 <a href="/tags/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/"> 979 <span class="chip center-align waves-effect waves-light chip-default">é®é¢è§£å³</span> 980 </a> 981 982 983 984 985 986 <a href="/tags/IDEA/"> 987 <span class="chip center-align waves-effect waves-light chip-default">IDEA</span> 988 </a> 989 990 991 992 <a href="/tags/%E5%BF%AB%E6%8D%B7%E9%94%AE/"> 993 <span class="chip center-align waves-effect waves-light chip-default">å¿«æ·é®</span> 994 </a> 995 996 997 998 999 1000 <a href="/tags/%E5%87%BD%E6%95%B0/"> 1001 <span class="chip center-align waves-effect waves-light chip-default">彿°</span> 1002 </a> 1003 1004 1005 1006 <a href="/tags/%E5%8A%A8%E7%94%BB/"> 1007 <span class="chip center-align waves-effect waves-light chip-default">å¨ç»</span> 1008 </a> 1009 1010 1011 1012 <a href="/tags/JDK/"> 1013 <span class="chip center-align waves-effect waves-light chip-default">JDK</span> 1014 </a> 1015 1016 1017 1018 <a href="/tags/%E9%85%8D%E7%BD%AE/"> 1019 <span class="chip center-align waves-effect waves-light chip-default">é ç½®</span> 1020 </a> 1021 1022 1023 1024 <a href="/tags/%E6%95%B0%E7%BB%84/"> 1025 <span class="chip center-align waves-effect waves-light chip-default">æ°ç»</span> 1026 </a> 1027 1028 1029 1030 <a href="/tags/MySQL/"> 1031 <span class="chip center-align waves-effect waves-light chip-default">MySQL</span> 1032 </a> 1033 1034 1035 1036 <a href="/tags/Linux/"> 1037 <span class="chip center-align waves-effect waves-light chip-default">Linux</span> 1038 </a> 1039 1040 1041 1042 <a href="/tags/%E9%83%A8%E7%BD%B2%E7%BD%91%E7%AB%99/">
1043 <span class="chip center-align waves-effect waves-light chip-default">é¨ç½²ç½ç«</span> 1044 </a> 1045 1046 1047 1048 1049 1050 <a href="/tags/%E8%AF%AD%E6%B3%95/"> 1051 <span class="chip center-align waves-effect waves-light chip-default">è¯æ³</span> 1052 </a> 1053 1054 1055 1056 <a href="/tags/MyBatis/"> 1057 <span class="chip center-align waves-effect waves-light chip-default">MyBatis</span> 1058 </a> 1059 1060 1061 1062 <a href="/tags/Python/"> 1063 <span class="chip center-align waves-effect waves-light chip-default">Python</span> 1064 </a> 1065 1066 1067 1068 <a href="/tags/Spring/"> 1069 <span class="chip center-align waves-effect waves-light chip-default">Spring</span> 1070 </a> 1071 1072 1073 1074 <a href="/tags/Vue/"> 1075 <span class="chip center-align waves-effect waves-light chip-default">Vue</span> 1076 </a> 1077 1078 1079 1080 <a href="/tags/%E7%BD%91%E7%AB%99/"> 1081 <span class="chip center-align waves-effect waves-light chip-default">ç½ç«</span> 1082 </a> 1083 1084 1085 1086 <a href="/tags/%E8%B5%84%E6%BA%90/"> 1087 <span class="chip center-align waves-effect waves-light chip-default">èµæº</span> 1088 </a> 1089 1090 1091 1092 <a href="/tags/%E5%B7%A5%E5%85%B7/"> 1093 <span class="chip center-align waves-effect waves-light chip-default">å·¥å ·</span> 1094 </a> 1095 1096 1097 1098 <a href="/tags/%E6%8E%A8%E8%8D%90/"> 1099 <span class="chip center-align waves-effect waves-light chip-default">æ¨è</span> 1100 </a> 1101 1102 1103 1104 <a href="/tags/%E5%B0%8F%E7%A8%8B%E5%BA%8F/"> 1105 <span class="chip center-align waves-effect waves-light chip-default">å°ç¨åº</span> 1106 </a> 1107 1108 1109 </div> 1110 </div> 1111 1112 1113</div> 1114 1115 1116 1117 1118 1119<div id="myGallery" class="my-gallery"> 1120 <div class="title center-align" data-aos="zoom-in-up"> 1121 <i class="far fa-image"></i> ç¸å 1122 </div> 1123 <div class="row"> 1124 1125 1126 <div class="photo col s12 m6 l4" data-aos="fade-up"> 1127 <div class="img-item" data-src="/medias/featureimages/01.jpg"> 1128 <img src="/medias/featureimages/01.jpg" class="responsive-img"> 1129 </div> 1130 </div> 1131 1132 <div class="photo col s12 m6 l4" data-aos="fade-up"> 1133 <div class="img-item" data-src="/medias/featureimages/02.jpg"> 1134 <img src="/medias/featureimages/02.jpg" class="responsive-img"> 1135 </div> 1136 </div> 1137 1138 <div class="photo col s12 m6 l4" data-aos="fade-up"> 1139 <div class="img-item" data-src="/medias/featureimages/03.jpg"> 1140 <img src="/medias/featureimages/03.jpg" class="responsive-img"> 1141 </div> 1142 </div> 1143 1144 1145 </div> 1146</div> 1147
1148<script> 1149 $(function () { 1150 let animateClass = 'animated pulse'; 1151 $('#myGallery .photo').hover(function () { 1152 $(this).addClass(animateClass); 1153 }, function () { 1154 $(this).removeClass(animateClass); 1155 }); 1156 }); 1157</script>
1157 1158 1159 1160 1161 1162 1163 </div> 1164 </div> 1165 </div> 1166 </main> 1167 1168 <footer class="page-footer bg-color"> 1169 1170 1171 <div class="container row center-align" 1172 style="margin-bottom: 15px !important;"> 1173 <div class="col s12 m8 l8 copy-right"> 1174 â¤ï¸Copyright © 1175 1176 <span id="year"> 1177 2022-2024 1178 </span> 1179 1180 <a href="/about" target="_blank"> 1181 Cikian 1182 </a> 1183 | Powered by <a href="https://hexo.io/" target="_blank">Hexo</a> 1184 | Theme 1185 <a href="https://www.cikian.cn" target="_blank">Matery 1186 </a>â¤ï¸ 1187 <br> 1188 1189 <i class="fas fa-chart-area"></i> 1190 ç«ç¹æ»åæ°: <span class="white-color"> 1191 46.1k 1192 </span> 1193 1194 1195 1196 1197 1198 1199 <span id="busuanzi_container_site_pv"> 1200 | <i class="far fa-eye"></i> æ»è®¿é®é: 1201 <span id="busuanzi_value_site_pv" 1202 class="white-color"></span> 1203 </span> 1204 1205 1206 <span id="busuanzi_container_site_uv"> 1207 | <i 1208 class="fas fa-users"></i> æ»è®¿é®äººæ°: 1209 <span id="busuanzi_value_site_uv" 1210 class="white-color"></span> 1211 </span> 1212 1213 <br> 1214 1215 <!-- è¿è¡å¤©æ°æé. --> 1216 1217 <span id="sitetime"> Loading 1218 ...</span> 1219
1219<script> 1220 var calcSiteTime = function () { 1221 var seconds = 1000; 1222 var minutes = seconds * 60; 1223 var hours = minutes * 60; 1224 var days = hours * 24; 1225 var years = days * 365; 1226 var today = new Date(); 1227 var startYear = "2022"; 1228 var startMonth = "2"; 1229 var startDate = "6"; 1230 var startHour = "0"; 1231 var startMinute = "0"; 1232 var startSecond = "0"; 1233 var todayYear = today.getFullYear(); 1234 var todayMonth = today.getMonth() + 1; 1235 var todayDate = today.getDate(); 1236 var todayHour = today.getHours(); 1237 var todayMinute = today.getMinutes(); 1238 var todaySecond = today.getSeconds(); 1239 var t1 = Date.UTC(startYear, startMonth, startDate, startHour, startMinute, startSecond); 1240 var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond); 1241 var diff = t2 - t1; 1242 var diffYears = Math.floor(diff / years); 1243 var diffDays = Math.floor((diff / days) - diffYears * 365); 1244 1245 // åºåæ¯å¦æå¹´ä»½. 1246 var language = 'zh-CN'; 1247 if (startYear === String(todayYear)) { 1248 document.getElementById("year").innerHTML = todayYear; 1249 var daysTip = 'This site has been running for ' + diffDays + ' days'; 1250 if (language === 'zh-CN') { 1251 daysTip = 'ðæ¬ç«å·²è¿è¡ ' + diffDays + ' 天'; 1252 } else if (language === 'zh-HK') { 1253 daysTip = 'æ¬ç«å·²éè¡ ' + diffDays + ' 天'; 1254 } 1255 document.getElementById("sitetime").innerHTML = daysT
1255ip; 1256 } else { 1257 document.getElementById("year").innerHTML = startYear + " - " + todayYear; 1258 var yearsAndDaysTip = 'This site has been running for ' + diffYears + ' years and ' + 1259 diffDays + ' days'; 1260 if (language === 'zh-CN') { 1261 yearsAndDaysTip = 'æ¬ç«å·²è¿è¡ ' + diffYears + ' å¹´ ' + diffDays + ' 天'; 1262 } else if (language === 'zh-HK') { 1263 yearsAndDaysTip = 'æ¬ç«å·²éè¡ ' + diffYears + ' å¹´ ' + diffDays + ' 天'; 1264 } 1265 document.getElementById("sitetime").innerHTML = yearsAndDaysTip; 1266 } 1267 } 1268 1269 calcSiteTime(); 1270 1271 </script>
1271 1272 <span> <a 1273 href="https://www.foreverblog.cn/go.html" 1274 target="_blank"> <img 1275 src="https://img.foreverblog.cn/wormhole_1_tp.gif" 1276 alt="" 1277 style="width:auto;height:28px;position: relative;top: 7px;" 1278 title="ç©¿æ¢è«æ´-éæºè®¿é®åå¹´ä¹çº¦åé¾å客"></a></span> 1279 1280 <br> 1281 1282 <span id="icp" 1283 style="font-size: 14px;"><img 1284 src="/medias/icp.png" 1285 style="vertical-align: text-bottom; width: 18px;" /> 1286 <a href="https://beian.miit.gov.cn" 1287 target="_blank" 1288 style="color: #fff;"> 1289 åICPå¤2022002500å·-1 1290 </a> 1291 </span> 1292 1293 1294 1295 <span 1296 style="font-size: 14px;"><img 1297 src="https://www.cikian.cn/mypic/gh.png" 1298 style="vertical-align: text-bottom; width: 18px;" /> 1299 <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=13032102000112" 1300 target="_blank" 1301 style="color: #fff;">åå ¬ç½å®å¤13032102000112å·</a> 1302 </span> 1303 </div> 1304 <div class="col s12 m4 l4 social-link social-statis"> 1305 1306 <a href="https://github.com/cikian" class="tooltipped" target="_blank" data-tooltip="è®¿é®æçGitHub" data-position="top" data-delay="50"> 1307 <i class="fab fa-github"></i> 1308 </a> 1309 1310 1311 1312 <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="é®ä»¶èç³»æ" data-position="top" data-delay="50"> 1313 <i class="fas fa-envelope-open"></i> 1314 </a> 1315 1316 1317 1318 <a href="https://www.facebook.com/profile.php?id=100020112895449" class="tooltipped" target="_blank" data-tooltip="å ³æ³¨æçFacebook: https://www.facebook.com/profile.php?id=100020112895449" data-position="top" data-delay="50"> 1319 <i class="fab fa-facebook-f"></i> 1320 </a> 1321 1322 1323 1324 <a href="https://twitter.com/ChanCikian" class="tooltipped" target="_blank" data-tooltip="å ³æ³¨æçTwitter: https://twitter.com/ChanCikian" data-position="top" data-delay="50"> 1325 <i class="fab fa-twitter"></i> 1326 </a> 1327 1328 1329 1330 <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=2926066494" class="tooltipped" target="_blank" data-tooltip="QQèç³»æ: 2926066494" data-position="top" data-delay="50"> 1331 <i class="fab fa-qq"></i> 1332 </a> 1333 1334 1335 1336 1337 1338 1339 <!-- 1340 <a href="https://blog.csdn.net/CikianOS" class="tooltipped" target="_blank" data-tooltip="å ³æ³¨æçCSDN" data-position="top" data-delay="50" style="font-size: 5px; font-weight: 800; "> 1341 CSDN 1342 </a> 1343 --> 1344 1345 1346 <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订é " data-position="top" data-delay="50"> 1347 <i class="fas fa-rss"></i> 1348 </a> 1349 1350 </div> 1351 </div> 1352</footer> 1353 1354<div class="progress-bar"></div> 1355 1356 <!-- æç´¢é®ç½©æ¡ --> 1357<div id="searchModal" class="modal"> 1358 <div class="modal-content"> 1359 <div class="search-header">
1360 <span class="title"><i class="fas fa-search"></i> æç´¢</span> 1361 <input type="search" id="searchInput" name="s" placeholder="请è¾å ¥æç´¢çå ³é®å" 1362 class="search-input"> 1363 </div> 1364 <div id="searchResult"></div> 1365 </div> 1366</div> 1367
1368<script type="text/javascript"> 1369$(function () { 1370 var searchFunc = function (path, search_id, content_id) { 1371 'use strict'; 1372 $.ajax({ 1373 url: path, 1374 dataType: "xml", 1375 success: function (xmlResponse) { 1376 // get the contents from search data 1377 var datas = $("entry", xmlResponse).map(function () { 1378 return { 1379 title: $("title", this).text(), 1380 content: $("content", this).text(), 1381 url: $("url", this).text() 1382 }; 1383 }).get(); 1384 var $input = document.getElementById(search_id); 1385 var $resultContent = document.getElementById(content_id); 1386 $input.addEventListener('input', function () { 1387 var str = '<ul class=\"search-result-list\">'; 1388 var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/); 1389 $resultContent.innerHTML = ""; 1390 if (this.value.trim().length <= 0) { 1391 return; 1392 } 1393 // perform local searching 1394 datas.forEach(function (data) { 1395 var isMatch = true; 1396 var data_title = data.title.trim().toLowerCase(); 1397 var data_content = data.content.trim().replace(/<[^>]+>/g, "").toLowerCase(); 1398 var data_url = data.url; 1399 data_url = data_url.indexOf('/') === 0 ? data.url : '/' + data_url; 1400 var index_title = -1; 1401 var index_content = -1; 1402 var first_occur = -1; 1403 // only match artiles with not empty titles and contents 1404 if (data_title !== '' && data_content !== '') { 1405 keywords.forEach(function (keyword, i) { 1406 index_title = data_title.indexOf(keyword); 1407 index_content = data_content.indexOf(keyword); 1408 if (index_title < 0 && index_content < 0) { 1409 isMatch = false; 1410 } else { 1411 if (index_content < 0) { 1412 index_content = 0; 1413 } 1414 if (i === 0) { 1415 first_occur = index_content; 1416 } 1417 } 1418 }); 1419 } 1420 // show search results 1421 if (isMatch) { 1422 str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>"; 1423 var content = data.content.trim().replace(/<[^>]+>/g, ""); 1424 if (first_occur >= 0) { 1425 // cut out 100 characters 1426 var start = first_occur - 20; 1427 var end = first_occur + 80; 1428 if (start < 0) { 1429 start = 0; 1430 } 1431 if (start === 0) { 1432 end = 100; 1433 } 1434 if (end > content.length) { 1435 end = content.length; 1436 } 1437 var match_content = content.substr(start, end); 1438 // highlight all keywords 1439 keywords.forEach(function (keyword) { 1440 var regS = new RegExp(keyword, "gi"); 1441 match_content = match_content.replace(regS, "<em class=\"search-keyword\">" + keyword + "</em>"); 1442 }); 1443 1444 str += "<p class=\"search-result\">" + match_content + "...</p>" 1445 } 1446 str += "</li>"; 1447 } 1448 }); 1449 str += "</ul>"; 1450 $resultContent.innerHTML = str; 1451 }); 1452 } 1453 }); 1454 }; 1455 1456 searchFunc('/search.xml', 'searchInput', 'searchResult'); 1457}); 1458</script>
1458 1459 1460 <!-- åå°é¡¶é¨æé® --> 1461<div id="backTop" class="top-scroll"> 1462 <a class="btn-floating btn-large waves-effect waves-light" href="#!"> 1463 <i class="fas fa-arrow-up"></i> 1464 </a> 1465</div> 1466 1467 1468
1468<script src="/libs/materialize/materialize.min.js"></script>
1468 1469
1469<script src="/libs/masonry/masonry.pkgd.min.js"></script>
1469 1470
1470<script src="/libs/aos/aos.js"></script>
1470 1471
1471<script src="/libs/scrollprogress/scrollProgress.min.js"></script>
1471 1472
1472<script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
1472 1473
1473<script src="/js/matery.js"></script>
1473 1474 1475 1476 1477 1478 1479 <!-- éªè±ç¹æ --> 1480 1481 1482 <!-- é¼ æ ææç¹æ --> 1483 1484 1485 1486 1487 <!-- Baidu Analytics --> 1488
1489<script> 1490 var _hmt = _hmt || []; 1491 (function () { 1492 var hm = document.createElement("script"); 1493 hm.src = "https://hm.baidu.com/hm.js?86cddc927e2089ece7c606eb0c9350bd"; 1494 var s = document.getElementsByTagName("script")[0]; 1495 s.parentNode.insertBefore(hm, s); 1496 })(); 1497</script>
1497 1498 1499 <!-- Baidu Push --> 1500
1501<script> 1502 (function () { 1503 var bp = document.createElement('script'); 1504 var curProtocol = window.location.protocol.split(':')[0]; 1505 if (curProtocol === 'https') { 1506 bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; 1507 } else { 1508 bp.src = 'http://push.zhanzhang.baidu.com/push.js'; 1509 } 1510 var s = document.getElementsByTagName("script")[0]; 1511 s.parentNode.insertBefore(bp, s); 1512 })(); 1513</script>
1513 1514 1515 1516
1516<script src="/libs/others/clicklove.js" async="async"></script>
1516 1517 1518 1519
1519<script async src="/libs/others/busuanzi.pure.mini.js"></script>
1519 1520 1521 1522 1523 1524 1525 1526 <!--è ¾è®¯å å°å·¢--> 1527 1528 <div style="position:fixed;bottom:125px;right:16px;cursor: pointer;"> 1529 <a title="å å°å·¢" target="_blank" rel="noopener" href="https://support.qq.com/products/379884"><i class="fa fa-comments fa-3x" aria-hidden="true"></i></a> 1530 </div> 1531 1532 1533
1533<script type="text/javascript" color="0,0,255" 1534 pointColor="0,0,255" opacity='0.7' 1535 zIndex="-1" count="50" 1536 src="/libs/background/canvas-nest.js"></script>
1536 1537 1538 1539 1540 1541
1541<script type="text/javascript" size="150" alpha='0.6' 1542 zIndex="-1" src="/libs/background/ribbon.min.js" async="async"></script>
1542 1543 1544 1545 1546
1546<script type="text/javascript" src="/libs/background/ribbon-dynamic.js" async="async"></script>
1546 1547 1548 1549 1550
1550<script src="/libs/instantpage/instantpage.js" type="module"></script>
1550 1551 1552 1553</body> 1554 1555</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.