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