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','éåå¥',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</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 <div class="bg-cover pd-header about-cover"> 419 <div class="container"> 420 <div class="row"> 421 <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2"> 422 <div class="brand"> 423 <div class="title center-align"> 424 425 æç« åç±» 426 427 428 <!-- 429 Cikian 430 --> 431 </div> 432 433 <div class="description center-align"> 434 435 <span id="subtitle"></span> 436
436<script src="/js/typed.js"></script>
436 437
437<script> 438 var typed = new Typed("#subtitle", { 439 strings: [ 440 441 "è¿å»å·²è¿å», æªæ¥è¿æªæ¥", 442 443 "The past is past, the future is not yet", 444 445 ], 446 startDelay: 300, 447 typeSpeed: 100, 448 loop: true, 449 backSpeed: 50, 450 showCursor: true 451 }); 452 </script>
452 453 454 </div> 455 </div> 456 </div> 457</div> 458 459 460
460<script> 461 // æ¯å¤©åæ¢ banner å¾. Switch banner image every day. 462 var bannerUrl = "/medias/banner/" + new Date().getDay() + '.jpg'; 463 $('.bg-cover').css('background-image', 'url(' + bannerUrl + ')'); 464 // $('.bg-cover').css('background-size', 'cover'); 465 </script>
465 466 467 </div> 468</div> 469 470<main class="content"> 471 472 473 474<div id="category-cloud" class="container chip-container"> 475 <div class="card"> 476 <div class="card-content"> 477 <div class="tag-title center-align"> 478 <i class="fas fa-bookmark"></i> æç« åç±» 479 </div> 480 <div class="tag-chips"> 481 482 483 484 <a href="/categories/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/" title="é®é¢è§£å³: 3"> 485 <span class="chip center-align waves-effect waves-light 486 chip-default " 487 style="background-color: #F9EBEA;">é®é¢è§£å³ 488 <span class="tag-length">3</span> 489 </span> 490 </a> 491 492 493 <a href="/categories/%E6%95%99%E7%A8%8B/" title="æç¨: 5"> 494 <span class="chip center-align waves-effect waves-light 495 chip-default " 496 style="background-color: #F5EEF8;">æç¨ 497 <span class="tag-length">5</span> 498 </span> 499 </a> 500 501 502 <a href="/categories/%E7%AC%94%E8%AE%B0/" title="ç¬è®°: 11"> 503 <span class="chip center-align waves-effect waves-light 504 chip-default " 505 style="background-color: #D5F5E3;">ç¬è®° 506 <span class="tag-length">11</span> 507 </span> 508 </a> 509 510 511 <a href="/categories/Java/" title="Java: 10"> 512 <span class="chip center-align waves-effect waves-light 513 chip-default " 514 style="background-color: #E8F8F5;">Java 515 <span class="tag-length">10</span> 516 </span> 517 </a> 518 519 520 <a href="/categories/%E7%AC%94%E8%AE%B0/JavaScript/" title="JavaScript: 4"> 521 <span class="chip center-align waves-effect waves-light 522 chip-default " 523 style="background-color: #FEF9E7;">JavaScript 524 <span class="tag-length">4</span> 525 </span> 526 </a> 527 528 529 <a href="/categories/%E5%B0%8F%E7%8E%A9%E6%84%8F/" title="å°ç©æ: 2"> 530 <span class="chip center-align waves-effect waves-light 531 chip-default " 532 style="background-color: #F8F9F9;">å°ç©æ 533 <span class="tag-length">2</span> 534 </span> 535 </a> 536 537 538 <a href="/categories/%E7%AC%94%E8%AE%B0/MySQL/" title="MySQL: 2"> 539 <span class="chip center-align waves-effect waves-light 540 chip-default " 541 style="background-color: #82E0AA;">MySQL 542 <span class="tag-length">2</span> 543 </span> 544 </a> 545 546 547 <a href="/categories/Linux/" title="Linux: 1"> 548 <span class="chip center-align waves-effect waves-light 549 chip-default " 550 style="background-color: #D7BDE2;">Linux 551 <span class="tag-length">1</span> 552 </span> 553 </a> 554 555 556 <a href="/categories/Python/" title="Python: 1"> 557 <span class="chip center-align waves-effect waves-light 558 chip-default " 559 style="background-color: #A3E4D7;">Python 560 <span class="tag-length">1</span> 561 </span> 562 </a> 563 564 565 <a href="/categories/Java/%E6%95%99%E7%A8%8B/" title="æç¨: 1">
566 <span class="chip center-align waves-effect waves-light 567 chip-default " 568 style="background-color: #85C1E9;">æç¨ 569 <span class="tag-length">1</span> 570 </span> 571 </a> 572 573 574 <a href="/categories/Spring/" title="Spring: 7"> 575 <span class="chip center-align waves-effect waves-light 576 chip-default " 577 style="background-color: #F8C471;">Spring 578 <span class="tag-length">7</span> 579 </span> 580 </a> 581 582 583 <a href="/categories/%E7%AC%94%E8%AE%B0/Spring/" title="Spring: 3"> 584 <span class="chip center-align waves-effect waves-light 585 chip-default " 586 style="background-color: #F9E79F;">Spring 587 <span class="tag-length">3</span> 588 </span> 589 </a> 590 591 592 <a href="/categories/%E5%88%86%E4%BA%AB/" title="å享: 1"> 593 <span class="chip center-align waves-effect waves-light 594 chip-default " 595 style="background-color: #FEF9E7;">å享 596 <span class="tag-length">1</span> 597 </span> 598 </a> 599 600 601 <a href="/categories/%E5%B0%8F%E7%A8%8B%E5%BA%8F/" title="å°ç¨åº: 1"> 602 <span class="chip center-align waves-effect waves-light 603 chip-default " 604 style="background-color: #F8C471;">å°ç¨åº 605 <span class="tag-length">1</span> 606 </span> 607 </a> 608 609 610 </div> 611 </div> 612 </div> 613</div> 614 615 616 617 <style type="text/css"> 618 #category-radar { 619 width: 100%; 620 height: 360px; 621 } 622</style> 623 624<div class="container" data-aos="fade-up"> 625 <div class="card"> 626 <div id="category-radar" class="card-content"></div> 627 </div> 628</div> 629
630<script type="text/javascript" src="/libs/echarts/echarts.min.js"></script>
vendor: 1 bytes, line 630
630
631<script type="text/javascript"> 632 let radarChart = echarts.init(document.getElementById('category-radar')); 633 634 635 636 let option = { 637 title: { 638 left: 'center', 639 text: 'æç« åç±»é·è¾¾å¾', 640 textStyle: { 641 fontWeight: 500, 642 fontSize: 22 643 } 644 }, 645 tooltip: {}, 646 radar: { 647 name: { 648 textStyle: { 649 color: '#3C4858' 650 } 651 }, 652 indicator: [{"name":"é®é¢è§£å³","max":12},{"name":"æç¨","max":12},{"name":"ç¬è®°","max":12},{"name":"Java","max":12},{"name":"JavaScript","max":12},{"name":"å°ç©æ","max":12},{"name":"MySQL","max":12},{"name":"Linux","max":12},{"name":"Python","max":12},{"name":"æç¨","max":12},{"name":"Spring","max":12},{"name":"Spring","max":12},{"name":"å享","max":12},{"name":"å°ç¨åº","max":12}], 653 nameGap: 5, 654 center: ['50%','55%'], 655 radius: '66%' 656 }, 657 series: [{ 658 type: 'radar', 659 color: ['#3ecf8e'], 660 itemStyle: {normal: {areaStyle: {type: 'default'}}}, 661 data : [ 662 { 663 value : [3,5,11,10,4,2,2,1,1,1,7,3,1,1], 664 name : 'æç« åç±»æ°é' 665 } 666 ] 667 }] 668 }; 669 670 radarChart.setOption(option); 671</script>
671 672 673 674 675</main> 676 677 678 <footer class="page-footer bg-color"> 679 680 681 <div class="container row center-align" 682 style="margin-bottom: 15px !important;"> 683 <div class="col s12 m8 l8 copy-right"> 684 â¤ï¸Copyright © 685 686 <span id="year"> 687 2022-2024 688 </span> 689 690 <a href="/about" target="_blank"> 691 Cikian 692 </a> 693 | Powered by <a href="https://hexo.io/" target="_blank">Hexo</a> 694 | Theme 695 <a href="https://www.cikian.cn" target="_blank">Matery 696 </a>â¤ï¸ 697 <br> 698 699 <i class="fas fa-chart-area"></i> 700 ç«ç¹æ»åæ°: <span class="white-color"> 701 46.1k 702 </span> 703 704 705 706 707 708 709 <span id="busuanzi_container_site_pv"> 710 | <i class="far fa-eye"></i> æ»è®¿é®é: 711 <span id="busuanzi_value_site_pv" 712 class="white-color"></span> 713 </span> 714 715 716 <span id="busuanzi_container_site_uv"> 717 | <i 718 class="fas fa-users"></i> æ»è®¿é®äººæ°: 719 <span id="busuanzi_value_site_uv" 720 class="white-color"></span> 721 </span> 722 723 <br> 724 725 <!-- è¿è¡å¤©æ°æé. --> 726 727 <span id="sitetime"> Loading 728 ...</span> 729
729<script> 730 var calcSiteTime = function () { 731 var seconds = 1000; 732 var minutes = seconds * 60; 733 var hours = minutes * 60; 734 var days = hours * 24; 735 var years = days * 365; 736 var today = new Date(); 737 var startYear = "2022"; 738 var startMonth = "2"; 739 var startDate = "6"; 740 var startHour = "0"; 741 var startMinute = "0"; 742 var startSecond = "0"; 743 var todayYear = today.getFullYear(); 744 var todayMonth = today.getMonth() + 1; 745 var todayDate = today.getDate(); 746 var todayHour = today.getHours(); 747 var todayMinute = today.getMinutes(); 748 var todaySecond = today.getSeconds(); 749 var t1 = Date.UTC(startYear, startMonth, startDate, startHour, startMinute, startSecond); 750 var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond); 751 var diff = t2 - t1; 752 var diffYears = Math.floor(diff / years); 753 var diffDays = Math.floor((diff / days) - diffYears * 365); 754 755 // åºåæ¯å¦æå¹´ä»½. 756 var language = 'zh-CN'; 757 if (startYear === String(todayYear)) { 758 document.getElementById("year").innerHTML = todayYear; 759 var daysTip = 'This site has been running for ' + diffDays + ' days'; 760 if (language === 'zh-CN') { 761 daysTip = 'ðæ¬ç«å·²è¿è¡ ' + diffDays + ' 天'; 762 } else if (language === 'zh-HK') { 763 daysTip = 'æ¬ç«å·²éè¡ ' + diffDays + ' 天'; 764 } 765 document.getElementById("sitetime").innerHTML = daysT
765ip; 766 } else { 767 document.getElementById("year").innerHTML = startYear + " - " + todayYear; 768 var yearsAndDaysTip = 'This site has been running for ' + diffYears + ' years and ' + 769 diffDays + ' days'; 770 if (language === 'zh-CN') { 771 yearsAndDaysTip = 'æ¬ç«å·²è¿è¡ ' + diffYears + ' å¹´ ' + diffDays + ' 天'; 772 } else if (language === 'zh-HK') { 773 yearsAndDaysTip = 'æ¬ç«å·²éè¡ ' + diffYears + ' å¹´ ' + diffDays + ' 天'; 774 } 775 document.getElementById("sitetime").innerHTML = yearsAndDaysTip; 776 } 777 } 778 779 calcSiteTime(); 780 781 </script>
781 782 <span> <a 783 href="https://www.foreverblog.cn/go.html" 784 target="_blank"> <img 785 src="https://img.foreverblog.cn/wormhole_1_tp.gif" 786 alt="" 787 style="width:auto;height:28px;position: relative;top: 7px;" 788 title="ç©¿æ¢è«æ´-éæºè®¿é®åå¹´ä¹çº¦åé¾å客"></a></span> 789 790 <br> 791 792 <span id="icp" 793 style="font-size: 14px;"><img 794 src="/medias/icp.png" 795 style="vertical-align: text-bottom; width: 18px;" /> 796 <a href="https://beian.miit.gov.cn" 797 target="_blank" 798 style="color: #fff;"> 799 åICPå¤2022002500å·-1 800 </a> 801 </span> 802 803 804 805 <span 806 style="font-size: 14px;"><img 807 src="https://www.cikian.cn/mypic/gh.png" 808 style="vertical-align: text-bottom; width: 18px;" /> 809 <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=13032102000112" 810 target="_blank" 811 style="color: #fff;">åå ¬ç½å®å¤13032102000112å·</a> 812 </span> 813 </div> 814 <div class="col s12 m4 l4 social-link social-statis"> 815 816 <a href="https://github.com/cikian" class="tooltipped" target="_blank" data-tooltip="è®¿é®æçGitHub" data-position="top" data-delay="50"> 817 <i class="fab fa-github"></i> 818 </a> 819 820 821 822 <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="é®ä»¶èç³»æ" data-position="top" data-delay="50"> 823 <i class="fas fa-envelope-open"></i> 824 </a> 825 826 827 828 <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"> 829 <i class="fab fa-facebook-f"></i> 830 </a> 831 832 833 834 <a href="https://twitter.com/ChanCikian" class="tooltipped" target="_blank" data-tooltip="å ³æ³¨æçTwitter: https://twitter.com/ChanCikian" data-position="top" data-delay="50"> 835 <i class="fab fa-twitter"></i> 836 </a> 837 838 839 840 <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"> 841 <i class="fab fa-qq"></i> 842 </a> 843 844 845 846 847 848 849 <!-- 850 <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; "> 851 CSDN 852 </a> 853 --> 854 855 856 <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订é " data-position="top" data-delay="50"> 857 <i class="fas fa-rss"></i> 858 </a> 859 860 </div> 861 </div> 862</footer> 863 864<div class="progress-bar"></div> 865 866 <!-- æç´¢é®ç½©æ¡ --> 867<div id="searchModal" class="modal"> 868 <div class="modal-content"> 869 <div class="search-header">
870 <span class="title"><i class="fas fa-search"></i> æç´¢</span> 871 <input type="search" id="searchInput" name="s" placeholder="请è¾å ¥æç´¢çå ³é®å" 872 class="search-input"> 873 </div> 874 <div id="searchResult"></div> 875 </div> 876</div> 877
878<script type="text/javascript"> 879$(function () { 880 var searchFunc = function (path, search_id, content_id) { 881 'use strict'; 882 $.ajax({ 883 url: path, 884 dataType: "xml", 885 success: function (xmlResponse) { 886 // get the contents from search data 887 var datas = $("entry", xmlResponse).map(function () { 888 return { 889 title: $("title", this).text(), 890 content: $("content", this).text(), 891 url: $("url", this).text() 892 }; 893 }).get(); 894 var $input = document.getElementById(search_id); 895 var $resultContent = document.getElementById(content_id); 896 $input.addEventListener('input', function () { 897 var str = '<ul class=\"search-result-list\">'; 898 var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/); 899 $resultContent.innerHTML = ""; 900 if (this.value.trim().length <= 0) { 901 return; 902 } 903 // perform local searching 904 datas.forEach(function (data) { 905 var isMatch = true; 906 var data_title = data.title.trim().toLowerCase(); 907 var data_content = data.content.trim().replace(/<[^>]+>/g, "").toLowerCase(); 908 var data_url = data.url; 909 data_url = data_url.indexOf('/') === 0 ? data.url : '/' + data_url; 910 var index_title = -1; 911 var index_content = -1; 912 var first_occur = -1; 913 // only match artiles with not empty titles and contents 914 if (data_title !== '' && data_content !== '') { 915 keywords.forEach(function (keyword, i) { 916 index_title = data_title.indexOf(keyword); 917 index_content = data_content.indexOf(keyword); 918 if (index_title < 0 && index_content < 0) { 919 isMatch = false; 920 } else { 921 if (index_content < 0) { 922 index_content = 0; 923 } 924 if (i === 0) { 925 first_occur = index_content; 926 } 927 } 928 }); 929 } 930 // show search results 931 if (isMatch) { 932 str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>"; 933 var content = data.content.trim().replace(/<[^>]+>/g, ""); 934 if (first_occur >= 0) { 935 // cut out 100 characters 936 var start = first_occur - 20; 937 var end = first_occur + 80; 938 if (start < 0) { 939 start = 0; 940 } 941 if (start === 0) { 942 end = 100; 943 } 944 if (end > content.length) { 945 end = content.length; 946 } 947 var match_content = content.substr(start, end); 948 // highlight all keywords 949 keywords.forEach(function (keyword) { 950 var regS = new RegExp(keyword, "gi"); 951 match_content = match_content.replace(regS, "<em class=\"search-keyword\">" + keyword + "</em>"); 952 }); 953 954 str += "<p class=\"search-result\">" + match_content + "...</p>" 955 } 956 str += "</li>"; 957 } 958 }); 959 str += "</ul>"; 960 $resultContent.innerHTML = str; 961 }); 962 } 963 }); 964 }; 965 966 searchFunc('/search.xml', 'searchInput', 'searchResult'); 967}); 968</script>
968 969 970 <!-- åå°é¡¶é¨æé® --> 971<div id="backTop" class="top-scroll"> 972 <a class="btn-floating btn-large waves-effect waves-light" href="#!"> 973 <i class="fas fa-arrow-up"></i> 974 </a> 975</div> 976 977 978
978<script src="/libs/materialize/materialize.min.js"></script>
978 979
979<script src="/libs/masonry/masonry.pkgd.min.js"></script>
979 980
980<script src="/libs/aos/aos.js"></script>
980 981
981<script src="/libs/scrollprogress/scrollProgress.min.js"></script>
981 982
982<script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
982 983
983<script src="/js/matery.js"></script>
983 984 985 986 987 988 989 <!-- éªè±ç¹æ --> 990 991 992 <!-- é¼ æ ææç¹æ --> 993 994 995 996 997 <!-- Baidu Analytics --> 998
999<script> 1000 var _hmt = _hmt || []; 1001 (function () { 1002 var hm = document.createElement("script"); 1003 hm.src = "https://hm.baidu.com/hm.js?86cddc927e2089ece7c606eb0c9350bd"; 1004 var s = document.getElementsByTagName("script")[0]; 1005 s.parentNode.insertBefore(hm, s); 1006 })(); 1007</script>
1007 1008 1009 <!-- Baidu Push --> 1010
1011<script> 1012 (function () { 1013 var bp = document.createElement('script'); 1014 var curProtocol = window.location.protocol.split(':')[0]; 1015 if (curProtocol === 'https') { 1016 bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; 1017 } else { 1018 bp.src = 'http://push.zhanzhang.baidu.com/push.js'; 1019 } 1020 var s = document.getElementsByTagName("script")[0]; 1021 s.parentNode.insertBefore(bp, s); 1022 })(); 1023</script>
1023 1024 1025 1026
1026<script src="/libs/others/clicklove.js" async="async"></script>
1026 1027 1028 1029
1029<script async src="/libs/others/busuanzi.pure.mini.js"></script>
1029 1030 1031 1032 1033 1034 1035 1036 <!--è ¾è®¯å å°å·¢--> 1037 1038 <div style="position:fixed;bottom:125px;right:16px;cursor: pointer;"> 1039 <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> 1040 </div> 1041 1042 1043
1043<script type="text/javascript" color="0,0,255" 1044 pointColor="0,0,255" opacity='0.7' 1045 zIndex="-1" count="50" 1046 src="/libs/background/canvas-nest.js"></script>
1046 1047 1048 1049 1050 1051
1051<script type="text/javascript" size="150" alpha='0.6' 1052 zIndex="-1" src="/libs/background/ribbon.min.js" async="async"></script>
1052 1053 1054 1055 1056
1056<script type="text/javascript" src="/libs/background/ribbon-dynamic.js" async="async"></script>
1056 1057 1058 1059 1060
1060<script src="/libs/instantpage/instantpage.js" type="module"></script>
1060 1061 1062 1063</body> 1064 1065</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.