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 419 <style> 420 .carousel-control { 421 width: 45px; 422 height: 45px; 423 line-height: 55px; 424 border-radius: 45px; 425 background: transparent; 426 cursor: pointer; 427 z-index: 100; 428 } 429 430 #prev-cover { 431 position: absolute; 432 top: 48%; 433 left: 8px; 434 } 435 436 #next-cover { 437 position: absolute; 438 top: 48%; 439 right: 8px;; 440 } 441 442 #prev-cover i { 443 margin-right: 3px; 444 } 445 446 #next-cover i { 447 margin-left: 3px; 448 } 449 450 .carousel-control:hover { 451 background-color: rgba(0, 0, 0, .4); 452 } 453 454 .carousel-control i { 455 color: #fff; 456 font-size: 2.4rem; 457 } 458</style> 459 460 461 462<div class="carousel carousel-slider center index-cover" data-indicators="true" style="margin-top: -64px;"> 463 464 <div id="prev-cover" class="left waves-effect carousel-control"> 465 <i class="icon fa fa-angle-left"></i> 466 </div> 467 <div id="next-cover" class="right waves-effect carousel-control"> 468 <i class="icon fa fa-angle-right"></i> 469 </div> 470 471 472 <div class="carousel-item white-text bg-cover about-cover"> 473 <div class="container"> 474 <div class="row"> 475 <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2"> 476 <div class="brand"> 477 <div class="title center-align"> 478 479 Cikian 480 481 482 <!-- 483 Cikian 484 --> 485 </div> 486 487 <div class="description center-align"> 488 489 <span id="subtitle"></span> 490
490<script src="/js/typed.js"></script>
490 491
491<script> 492 var typed = new Typed("#subtitle", { 493 strings: [ 494 495 "è¿å»å·²è¿å», æªæ¥è¿æªæ¥", 496 497 "The past is past, the future is not yet", 498 499 ], 500 startDelay: 300, 501 typeSpeed: 100, 502 loop: true, 503 backSpeed: 50, 504 showCursor: true 505 }); 506 </script>
506 507 508 </div> 509 </div> 510 </div> 511</div> 512 513 514
514<script> 515 // æ¯å¤©åæ¢ banner å¾. Switch banner image every day. 516 var bannerUrl = "/medias/banner/" + new Date().getDay() + '.jpg'; 517 $('.bg-cover').css('background-image', 'url(' + bannerUrl + ')'); 518 // $('.bg-cover').css('background-size', 'cover'); 519 </script>
519 520 521 522 <div class="cover-btns"> 523 <a href="#indexCard" class="waves-effect waves-light btn"> 524 <i class="fa fa-angle-double-down"></i>å¼å§é 读 525 </a> 526 527 528 <a href="https://github.com/cikian" class="waves-effect waves-light btn" target="_blank"> 529 <i class="fab fa-github-alt"></i>Github 530 </a> 531 532 </div> 533 <div class="cover-social-link"> 534 <a href="https://github.com/cikian" class="tooltipped" target="_blank" data-tooltip="è®¿é®æçGitHub" data-position="top" data-delay="50"> 535 <i class="fab fa-github"></i> 536 </a> 537 538 539 540 <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="é®ä»¶èç³»æ" data-position="top" data-delay="50"> 541 <i class="fas fa-envelope-open"></i> 542 </a> 543 544 545 546 <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"> 547 <i class="fab fa-facebook-f"></i> 548 </a> 549 550 551 552 <a href="https://twitter.com/ChanCikian" class="tooltipped" target="_blank" data-tooltip="å ³æ³¨æçTwitter: https://twitter.com/ChanCikian" data-position="top" data-delay="50"> 553 <i class="fab fa-twitter"></i> 554 </a> 555 556 557 558 <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"> 559 <i class="fab fa-qq"></i> 560 </a> 561 562 563 564 565 566 567 <!-- 568 <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; "> 569 CSDN 570 </a> 571 --> 572 573 574 <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订é " data-position="top" data-delay="50"> 575 <i class="fas fa-rss"></i> 576 </a> 577 </div> 578 </div> 579 </div> 580 581 582 583 584 585 586 <div class="carousel-item amber white-text carousel-post bg-cover" 587 style="background-image: url('https://img-upyun.cikian.cn/blog-cover/0.jpg');"> 588 <div class="container"> 589 <div class="row"> 590 <div class="col s10 offset-s1"> 591 <div class="title center-align">MarkDownè¯æ³</div> 592 <div class="description center-align"> 593 594 æ¬ææ»ç»äºMarkDownç常ç¨è¯æ³ 595 596 </div> 597 <div class="cover-btns"> 598 <a href="/2022/02/06/markdown-yu-fa/" class="waves-effect waves-light btn" 599 target="_blank"> 600 <i class="icon fa fa-eye fa-fw"></i>é 读æ´å¤ 601 </a> 602 </div> 603 </div> 604 </div> 605 </div> 606 </div> 607 608 609 <div class="carousel-item amber white-text carousel-post bg-cover" 610 style="background-image: url('https://img-upyun.cikian.cn/blog-cover/38.jpg');"> 611 <div class="container"> 612 <div class="row"> 613 <div class="col s10 offset-s1"> 614 <div class="title center-align">SpringAOP</div> 615 <div class="description center-align"> 616 617 AOPç®ä»ä¸å ¥é¨æ¡ä¾ 618 619 </div> 620 <div class="cover-btns"> 621 <a href="/2023/08/05/springaop/" class="waves-effect waves-light btn" 622 target="_blank"> 623 <i class="icon fa fa-eye fa-fw"></i>é 读æ´å¤ 624 </a> 625 </div> 626 </div> 627 </div> 628 </div> 629 </div> 630 631 632 <div class="carousel-item amber white-text carousel-post bg-cover" 633 style="background-image: url('https://img-upyun.cikian.cn/blog-cover/41.jpg');"> 634 <div class="container"> 635 <div class="row"> 636 <div class="col s10 offset-s1"> 637 <div class="title center-align">SpringMVCå ¥é¨</div> 638 <div class="description center-align"> 639 640 SpringMVCç®ä»ä¸å ¥é¨ 641 642 </div> 643 <div class="cover-btns"> 644 <a href="/2023/08/08/springmvc-ru-men/" class="waves-effect waves-light btn" 645 target="_blank"> 646 <i class="icon fa fa-eye fa-fw"></i>é 读æ´å¤ 647 </a> 648 </div> 649 </div> 650 </div> 651 </div> 652 </div> 653 654 655 <div class="carousel-item amber white-text carousel-post bg-cover" 656 style="background-image: url('https://img-upyun.cikian.cn/blog-cover/39.jpg');"> 657 <div class="container"> 658 <div class="row"> 659 <div class="col s10 offset-s1"> 660 <div class="title center-align">Springäºå¡</div> 661 <div class="description center-align"> 662 663 Springäºå¡ç®ä»ä¸æ¡ä¾ 664 665 </div> 666 <div class="cover-btns"> 667 <a href="/2023/08/05/spring-shi-wu/" class="waves-effect waves-light btn" 668 target="_blank"> 669 <i class="icon fa fa-eye fa-fw"></i>é 读æ´å¤ 670 </a> 671 </div> 672 </div> 673 </div> 674 </div> 675 </div> 676 677 678 <div class="carousel-item amber white-text carousel-post bg-cover" 679 style="background-image: url('https://img-upyun.cikian.cn/blog-cover/40.jpg');"> 680 <div class="container"> 681 <div class="row"> 682 <div class="col s10 offset-s1"> 683 <div class="title center-align">Springäºå¡å¤±æ</div> 684 <div class="description center-align"> 685 686 çç¹å¸¸è§ä½¿Springäºå¡å¤±æçåå 687 688 </div> 689 <div class="cover-btns"> 690 <a href="/2023/08/05/spring-shi-wu-shi-xiao/" class="waves-effect waves-light btn" 691 target="_blank"> 692 <i class="icon fa fa-eye fa-fw"></i>é 读æ´å¤ 693 </a> 694 </div> 695 </div> 696 </div> 697 </div> 698 </div> 699 700 701 <div class="carousel-item amber white-text carousel-post bg-cover" 702 style="background-image: url('https://img-upyun.cikian.cn/blog-cover/36.jpg');"> 703 <div class="container"> 704 <div class="row"> 705 <div class="col s10 offset-s1"> 706 <div class="title center-align">Spring纯注解å¼åå ¥é¨</div> 707 <div class="description center-align"> 708 709 Spring纯注解å¼åå ¥é¨æ¡ä¾ 710 711 </div> 712 <div class="cover-btns"> 713 <a href="/2023/08/04/spring-chun-zhu-jie-kai-fa-ru-men/" class="waves-effect waves-light btn" 714 target="_blank"> 715 <i class="icon fa fa-eye fa-fw"></i>é 读æ´å¤ 716 </a> 717 </div> 718 </div> 719 </div> 720 </div> 721 </div> 722 723 724 <div class="carousel-item amber white-text carousel-post bg-cover" 725 style="background-image: url('https://img-upyun.cikian.cn/blog-cover/10.jpg');"> 726 <div class="container"> 727 <div class="row"> 728 <div class="col s10 offset-s1"> 729 <div class="title center-align">Vueåºç¡</div> 730 <div class="description center-align"> 731 732 Vueåºç¡ç¥è¯æ»ç» 733 734 </div> 735 <div class="cover-btns"> 736 <a href="/2022/03/12/vue-ji-chu/" class="waves-effect waves-light btn" 737 target="_blank"> 738 <i class="icon fa fa-eye fa-fw"></i>é 读æ´å¤ 739 </a> 740 </div> 741 </div> 742 </div> 743 </div> 744 </div> 745 746 747 <div class="carousel-item amber white-text carousel-post bg-cover" 748 style="background-image: url('https://img-upyun.cikian.cn/blog-cover/1.jpg');"> 749 <div class="container"> 750 <div class="row"> 751 <div class="col s10 offset-s1"> 752 <div class="title center-align">ç½ç«åäº«ï¼æç»æ´æ°ï¼</div> 753 <div class="description center-align"> 754
755 æ¬æå享ä¸äºæå¸¸ç¨çç½ç« 756 757 </div> 758 <div class="cover-btns"> 759 <a href="/2022/02/10/wang-zhan-fen-xiang/" class="waves-effect waves-light btn" 760 target="_blank"> 761 <i class="icon fa fa-eye fa-fw"></i>é 读æ´å¤ 762 </a> 763 </div> 764 </div> 765 </div> 766 </div> 767 </div> 768 769 770 <div class="carousel-item amber white-text carousel-post bg-cover" 771 style="background-image: url('https://img-upyun.cikian.cn/blog-cover/35.jpg');"> 772 <div class="container"> 773 <div class="row"> 774 <div class="col s10 offset-s1"> 775 <div class="title center-align">Springå ¥é¨</div> 776 <div class="description center-align"> 777 778 Springç¸å ³æ¦å¿µåå ¥é¨æ¡ä¾ 779 780 </div> 781 <div class="cover-btns"> 782 <a href="/2023/08/03/spring-ru-men/" class="waves-effect waves-light btn" 783 target="_blank"> 784 <i class="icon fa fa-eye fa-fw"></i>é 读æ´å¤ 785 </a> 786 </div> 787 </div> 788 </div> 789 </div> 790 </div> 791 792 793</div> 794
795<script> 796 $(function () { 797 let coverSlider = $('.carousel'); 798 799 //ç¨æ·è§¦æ¸è½®æèªå¨ restartPlay æ¯å¦çæ 800 let initUserPressedOrDraggedActive = false 801 802 //ç¨æ·è§¦æ¸è½®æèªå¨ restartPlay 803 function initUserPressedOrDragged(instance) { 804 setInterval(() => { 805 if (instance.pressed || instance.dragged) { 806 // console.log('initUserPressedOrDragged: ',instance.pressed,instance.dragged) 807 restartPlay() 808 } 809 }, 1000) 810 } 811 812 coverSlider.carousel({ 813 duration: Number('120'), 814 fullWidth: true, 815 indicators: 'true' === 'true', 816 onCycleTo() { 817 if (!initUserPressedOrDraggedActive) { 818 // console.log('initUserPressedOrDraggedActive') 819 initUserPressedOrDragged(this) 820 initUserPressedOrDraggedActive = true 821 } 822 }, 823 }) 824 825 let carouselIntervalId; 826 827 // Loop to call the next cover article picture. 828 let autoCarousel = function () { 829 carouselIntervalId = setInterval(function () { 830 coverSlider.carousel('next'); 831 }, 5000); 832 }; 833 autoCarousel(); 834 835 836 function restartPlay() { 837 838 clearInterval(carouselIntervalId); 839 autoCarousel(); 840 841 }; 842 843 844 // prev and next cover post. 845 $('#prev-cover').click(function () { 846 coverSlider.carousel('prev'); 847 restartPlay(); 848 }); 849 $('#next-cover').click(function () { 850 coverSlider.carousel('next'); 851 restartPlay(); 852 }); 853 854 }); 855</script>
855 856 857 858 859 <main class="content"> 860 861 862 <div id="indexCard" class="index-card"> 863 <div class="container "> 864 <div class="card"> 865 <div class="card-content"> 866 <div class="dream"> 867 <div class="title center-align"> 868 <i class="far fa-lightbulb"></i> 869 Cikian 870 </div> 871 <div class="row"> 872 <div class="col l8 offset-l2 m10 offset-m1 s10 offset-s1 center-align text" 873 style="position: relative;"> 874 è¿éæ¯Cikianï¼ä¸ä¸ªå享ç¥è¯ãäº¤æµææ¯çå客ãå¨è¿éï¼ä½ å¯è½æ¾å°å¯¹ä½ æç¨çä¿¡æ¯ï¼å®ä»¬å¯è½æ¥èªæå¦ä¹ è¿ç¨ä¸çç¬è®°ãæåä¸çä¸äºé¡¹ç®ï¼æè æ¯æçä¸äºåäº«åæ¨èï¼ä¹å¯è½æ¥èªä¸äºçæ´»çå享ã妿Cikianå¯¹ä½ ææå¸®å©ï¼é£å°æ¯æè«å¤§çè£å¹¸ã 875 <br> 876 <br> 877 âââï¼å½å ç¨æ·æ¨è访é®ï¼<a 878 href="https://www.cikian.cn">www.cikian.cn</a>ï¼âââ 879 <br> 880 ââï¼å½é ç¨æ·å¯è®¿é®ï¼<a 881 target="_blank" rel="noopener" href="https://cikian.github.io">cikian.github.io</a>ï¼ââ 882 <br> 883 â <span style="font-weight: bold;">åæ¶ï¼æ¬¢è¿è®¿é®æç主页ï¼<a 884 target="_blank" rel="noopener" href="https://cikian.cn">cikian.cn</a></span> â 885 <br> 886 <span 887 style="font-weight: bold; color: black; position: absolute; right: 20px;">ââä½è ï¼éåå¥</span><br> 888 </div> 889 </div> 890 </div> 891 <!-- 892 <div class="dream"> 893 894 <div class="title center-align"> 895 <i class="far fa-lightbulb"></i> Cikian 896 </div> 897 898 <div class="row"> 899 <div class="col l8 offset-l2 m10 offset-m1 s10 offset-s1 center-align text"> 900 901 </div> 902 </div> 903</div> 904 905 --> 906 907 908 <link rel="stylesheet" href="/libs/aplayer/APlayer.min.css"> 909<style> 910 .aplayer .aplayer-lrc p { 911 912 font-size: 12px; 913 font-weight: 700; 914 line-height: 16px !important; 915 } 916 917 .aplayer .aplayer-lrc p.aplayer-lrc-current { 918 919 font-size: 15px; 920 color: red; 921 } 922 923 924</style> 925<div class="music-player"> 926 927 <div class="row"> 928 <meting-js class="col l8 offset-l2 m10 offset-m1 s12" 929 server="netease" 930 type="playlist" 931 id="7368696130" 932 fixed='false' 933 autoplay='false' 934 theme='red' 935 loop='all' 936 order='random' 937 preload='auto' 938 volume='0.5' 939 list-folded='true' 940 > 941 </meting-js> 942 </div> 943</div> 944
945<script src="/libs/aplayer/APlayer.min.js"></script>
vendor: 1 bytes, line 945
945
946<script src="/libs/aplayer/Meting.min.js"></script>
946 947 948 949 950 951 952 953 <div id="recommend-sections" 954 class="recommend"> 955 956 957 958 959 960 961<div class="title"><i class="far fa-thumbs-up"></i> æ¨èæç« </div> 962 963<div class="row"> 964 965 966 967 <div class="col s12 m6" > 968 969 <div class="post-card" style="background-image: url('https://img-upyun.cikian.cn/blog-cover/38.jpg')"> 970 971 <div class="post-body"> 972 <div class="post-categories"> 973 974 975 <a href="/categories/Spring/" class="category">Spring</a> 976 977 978 </div> 979 <a href="/2023/08/05/springaop/"> 980 <h3 class="post-title">SpringAOP</h3> 981 </a> 982 <p class="post-description"> 983 984 AOPç®ä»ä¸å ¥é¨æ¡ä¾ 985 986 </p> 987 <a href="/2023/08/05/springaop/" class="read-more btn waves-effect waves-light" style="background: linear-gradient(to right, #FF5E3A 0%, #FF2A68 100%)" target="_blank"> 988 <i class="icon far fa-eye fa-fw"></i>é 读æ´å¤ 989 </a> 990 </div> 991 </div> 992 </div> 993 994 995 <div class="col s12 m6" > 996 997 <div class="post-card" style="background-image: url('https://img-upyun.cikian.cn/blog-cover/41.jpg')"> 998 999 <div class="post-body"> 1000 <div class="post-categories"> 1001 1002 1003 <a href="/categories/Spring/" class="category">Spring</a> 1004 1005 1006 </div> 1007 <a href="/2023/08/08/springmvc-ru-men/"> 1008 <h3 class="post-title">SpringMVCå ¥é¨</h3> 1009 </a> 1010 <p class="post-description"> 1011 1012 SpringMVCç®ä»ä¸å ¥é¨ 1013 1014 </p> 1015 <a href="/2023/08/08/springmvc-ru-men/" class="read-more btn waves-effect waves-light" style="background: linear-gradient(to right, #EF4DB6 0%, #C643FC 100%)" target="_blank"> 1016 <i class="icon far fa-eye fa-fw"></i>é 读æ´å¤ 1017 </a> 1018 </div> 1019 </div> 1020 </div> 1021 1022 1023 <div class="col s12 m6" data-aos="zoom-in-up"> 1024 1025 <div class="post-card" style="background-image: url('https://img-upyun.cikian.cn/blog-cover/39.jpg')"> 1026 1027 <div class="post-body"> 1028 <div class="post-categories"> 1029 1030 1031 <a href="/categories/Spring/" class="category">Spring</a> 1032 1033 1034 </div> 1035 <a href="/2023/08/05/spring-shi-wu/"> 1036 <h3 class="post-title">Springäºå¡</h3> 1037 </a> 1038 <p class="post-description"> 1039 1040 Springäºå¡ç®ä»ä¸æ¡ä¾ 1041 1042 </p> 1043 <a href="/2023/08/05/spring-shi-wu/" class="read-more btn waves-effect waves-light" style="background: linear-gradient(to right, #1AD6FD 0%, #1D62F0 100%)" target="_blank"> 1044 <i class="icon far fa-eye fa-fw"></i>é 读æ´å¤ 1045 </a> 1046 </div> 1047 </div> 1048 </div> 1049 1050 1051 <div class="col s12 m6" data-aos="zoom-in-up"> 1052 1053 <div class="post-card" style="background-image: url('https://img-upyun.cikian.cn/blog-cover/40.jpg')"> 1054 1055 <div class="post-body"> 1056 <div class="post-categories"> 1057 1058 1059 <a href="/categories/Spring/" class="category">Spring</a> 1060 1061 1062 </div> 1063 <a href="/2023/08/05/spring-shi-wu-shi-xiao/"> 1064 <h3 class="post-title">Springäºå¡å¤±æ</h3> 1065 </a> 1066 <p class="post-description"> 1067 1068 çç¹å¸¸è§ä½¿Springäºå¡å¤±æçåå 1069 1070 </p> 1071 <a href="/2023/08/05/spring-shi-wu-shi-xiao/" class="read-more btn waves-effect waves-light" style="background: linear-gradient(to right, #FFCC00 0%, #FF9500 100%)" target="_blank"> 1072 <i class="icon far fa-eye fa-fw"></i>é 读æ´å¤ 1073 </a> 1074 </div> 1075 </div> 1076 </div> 1077 1078 1079</div> 1080 1081 1082 </div> 1083 1084 </div> 1085 </div> 1086 </div> 1087 </div> 1088 1089 1090 1091 1092 <!-- æææç« å¡ç --> 1093 <article id="articles" class="container articles"> 1094 <div class="row article-row"> 1095 1096 1097 <!-- éèæä¸ªæç« --> 1098 <div class="article col s12 m6 l4" data-aos="zoom-in"> 1099 <div class="card"> 1100 <a href="/2023/08/12/springboot-ru-men/"> 1101 <div class="card-image"> 1102 1103 <img src="https://img-upyun.cikian.cn/blog-cover/44.jpg" 1104 class="responsive-img" 1105 alt="SpringBootå ¥é¨"> 1106 1107 <sp
1107an class="card-title"> 1108 SpringBootå ¥é¨ 1109 </span> 1110 </div> 1111 </a> 1112 1113 <div class="card-content article-content"> 1114 <div class="summary block-with-text"> 1115 1116 SpringBootå ¥é¨ 1117 1118 </div> 1119 <div class="publish-info"> 1120 <span class="publish-date"> 1121 <i class="far fa-clock fa-fw icon-date"></i> 1122 2023-08-12 1123 </span> 1124 <span class="publish-author"> 1125 1126 <i 1127 class="fas fa-bookmark fa-fw icon-category"></i> 1128 1129 <a href="/categories/Spring/" 1130 class="post-category"> 1131 Spring 1132 </a> 1133 1134 1135 </span> 1136 </div> 1137 </div> 1138 1139 1140 <div class="card-action article-tags"> 1141 1142 <a href="/tags/Spring/"> 1143 <span class="chip bg-color"> 1144 Spring 1145 </span> 1146 </a> 1147 1148 </div> 1149 1150 </div> 1151 </div> 1152 1153 <!-- éèæä¸ªæç« --> 1154 1155 1156 <!-- éèæä¸ªæç« --> 1157 <div class="article col s12 m6 l4" data-aos="zoom-in"> 1158 <div class="card"> 1159 <a href="/2023/08/11/springmvc-lan-jie-qi/"> 1160 <div class="card-image"> 1161 1162 <img src="https://img-upyun.cikian.cn/blog-cover/43.jpg" 1163 class="responsive-img" 1164 alt="SpringMVCâæ¦æªå¨"> 1165 1166 <sp
1166an class="card-title"> 1167 SpringMVCâæ¦æªå¨ 1168 </span> 1169 </div> 1170 </a> 1171 1172 <div class="card-content article-content"> 1173 <div class="summary block-with-text"> 1174 1175 SpringMVCæ¦æªå¨ç®ä» 1176 1177 </div> 1178 <div class="publish-info"> 1179 <span class="publish-date"> 1180 <i class="far fa-clock fa-fw icon-date"></i> 1181 2023-08-11 1182 </span> 1183 <span class="publish-author"> 1184 1185 <i 1186 class="fas fa-bookmark fa-fw icon-category"></i> 1187 1188 <a href="/categories/Spring/" 1189 class="post-category"> 1190 Spring 1191 </a> 1192 1193 1194 </span> 1195 </div> 1196 </div> 1197 1198 1199 <div class="card-action article-tags"> 1200 1201 <a href="/tags/Spring/"> 1202 <span class="chip bg-color"> 1203 Spring 1204 </span> 1205 </a> 1206 1207 </div> 1208 1209 </div> 1210 </div> 1211 1212 <!-- éèæä¸ªæç« --> 1213 1214 1215 <!-- éèæä¸ªæç« --> 1216 <div class="article col s12 m6 l4" data-aos="zoom-in"> 1217 <div class="card"> 1218 <a href="/2023/08/11/ssm-zheng-he/"> 1219 <div class="card-image"> 1220 1221 <img src="https://img-upyun.cikian.cn/blog-cover/42.jpg" 1222 class="responsive-img" 1223 alt="SSMæ´å"> 1224 1225 <sp
1225an class="card-title"> 1226 SSMæ´å 1227 </span> 1228 </div> 1229 </a> 1230 1231 <div class="card-content article-content"> 1232 <div class="summary block-with-text"> 1233 1234 SpringãSpringMVCãMyBatisæ´å 1235 1236 </div> 1237 <div class="publish-info"> 1238 <span class="publish-date"> 1239 <i class="far fa-clock fa-fw icon-date"></i> 1240 2023-08-11 1241 </span> 1242 <span class="publish-author"> 1243 1244 <i 1245 class="fas fa-bookmark fa-fw icon-category"></i> 1246 1247 <a href="/categories/Spring/" 1248 class="post-category"> 1249 Spring 1250 </a> 1251 1252 1253 </span> 1254 </div> 1255 </div> 1256 1257 1258 <div class="card-action article-tags"> 1259 1260 <a href="/tags/Spring/"> 1261 <span class="chip bg-color"> 1262 Spring 1263 </span> 1264 </a> 1265 1266 </div> 1267 1268 </div> 1269 </div> 1270 1271 <!-- éèæä¸ªæç« --> 1272 1273 1274 <!-- éèæä¸ªæç« --> 1275 <div class="article col s12 m6 l4" data-aos="zoom-in"> 1276 <div class="card"> 1277 <a href="/2023/08/08/springmvc-ru-men/"> 1278 <div class="card-image"> 1279 1280 <img src="https://img-upyun.cikian.cn/blog-cover/41.jpg" 1281 class="responsive-img" 1282 alt="SpringMVCå ¥é¨"> 1283 1284 <sp
1284an class="card-title"> 1285 SpringMVCå ¥é¨ 1286 </span> 1287 </div> 1288 </a> 1289 1290 <div class="card-content article-content"> 1291 <div class="summary block-with-text"> 1292 1293 SpringMVCç®ä»ä¸å ¥é¨ 1294 1295 </div> 1296 <div class="publish-info"> 1297 <span class="publish-date"> 1298 <i class="far fa-clock fa-fw icon-date"></i> 1299 2023-08-08 1300 </span> 1301 <span class="publish-author"> 1302 1303 <i 1304 class="fas fa-bookmark fa-fw icon-category"></i> 1305 1306 <a href="/categories/Spring/" 1307 class="post-category"> 1308 Spring 1309 </a> 1310 1311 1312 </span> 1313 </div> 1314 </div> 1315 1316 1317 <div class="card-action article-tags"> 1318 1319 <a href="/tags/Spring/"> 1320 <span class="chip bg-color"> 1321 Spring 1322 </span> 1323 </a> 1324 1325 </div> 1326 1327 </div> 1328 </div> 1329 1330 <!-- éèæä¸ªæç« --> 1331 1332 1333 <!-- éèæä¸ªæç« --> 1334 <div class="article col s12 m6 l4" data-aos="zoom-in"> 1335 <div class="card"> 1336 <a href="/2023/08/05/spring-shi-wu-shi-xiao/"> 1337 <div class="card-image"> 1338 1339 <img src="https://img-upyun.cikian.cn/blog-cover/40.jpg" 1340 class="responsive-img" 1341 alt="Springäºå¡å¤±æ"> 1342 1343 <sp
1343an class="card-title"> 1344 Springäºå¡å¤±æ 1345 </span> 1346 </div> 1347 </a> 1348 1349 <div class="card-content article-content"> 1350 <div class="summary block-with-text"> 1351 1352 çç¹å¸¸è§ä½¿Springäºå¡å¤±æçåå 1353 1354 </div> 1355 <div class="publish-info"> 1356 <span class="publish-date"> 1357 <i class="far fa-clock fa-fw icon-date"></i> 1358 2023-08-05 1359 </span> 1360 <span class="publish-author"> 1361 1362 <i 1363 class="fas fa-bookmark fa-fw icon-category"></i> 1364 1365 <a href="/categories/Spring/" 1366 class="post-category"> 1367 Spring 1368 </a> 1369 1370 1371 </span> 1372 </div> 1373 </div> 1374 1375 1376 <div class="card-action article-tags"> 1377 1378 <a href="/tags/Spring/"> 1379 <span class="chip bg-color"> 1380 Spring 1381 </span> 1382 </a> 1383 1384 </div> 1385 1386 </div> 1387 </div> 1388 1389 <!-- éèæä¸ªæç« --> 1390 1391 1392 <!-- éèæä¸ªæç« --> 1393 <div class="article col s12 m6 l4" data-aos="zoom-in"> 1394 <div class="card"> 1395 <a href="/2023/08/05/spring-shi-wu/"> 1396 <div class="card-image"> 1397 1398 <img src="https://img-upyun.cikian.cn/blog-cover/39.jpg" 1399 class="responsive-img" 1400 alt="Springäºå¡"> 1401 1402 <sp
1402an class="card-title"> 1403 Springäºå¡ 1404 </span> 1405 </div> 1406 </a> 1407 1408 <div class="card-content article-content"> 1409 <div class="summary block-with-text"> 1410 1411 Springäºå¡ç®ä»ä¸æ¡ä¾ 1412 1413 </div> 1414 <div class="publish-info"> 1415 <span class="publish-date"> 1416 <i class="far fa-clock fa-fw icon-date"></i> 1417 2023-08-05 1418 </span> 1419 <span class="publish-author"> 1420 1421 <i 1422 class="fas fa-bookmark fa-fw icon-category"></i> 1423 1424 <a href="/categories/Spring/" 1425 class="post-category"> 1426 Spring 1427 </a> 1428 1429 1430 </span> 1431 </div> 1432 </div> 1433 1434 1435 <div class="card-action article-tags"> 1436 1437 <a href="/tags/Spring/"> 1438 <span class="chip bg-color"> 1439 Spring 1440 </span> 1441 </a> 1442 1443 </div> 1444 1445 </div> 1446 </div> 1447 1448 <!-- éèæä¸ªæç« --> 1449 1450 1451 <!-- éèæä¸ªæç« --> 1452 <div class="article col s12 m6 l4" data-aos="zoom-in"> 1453 <div class="card"> 1454 <a href="/2023/08/05/springaop/"> 1455 <div class="card-image"> 1456 1457 <img src="https://img-upyun.cikian.cn/blog-cover/38.jpg" 1458 class="responsive-img" 1459 alt="SpringAOP"> 1460 1461 <sp
1461an class="card-title"> 1462 SpringAOP 1463 </span> 1464 </div> 1465 </a> 1466 1467 <div class="card-content article-content"> 1468 <div class="summary block-with-text"> 1469 1470 AOPç®ä»ä¸å ¥é¨æ¡ä¾ 1471 1472 </div> 1473 <div class="publish-info"> 1474 <span class="publish-date"> 1475 <i class="far fa-clock fa-fw icon-date"></i> 1476 2023-08-05 1477 </span> 1478 <span class="publish-author"> 1479 1480 <i 1481 class="fas fa-bookmark fa-fw icon-category"></i> 1482 1483 <a href="/categories/Spring/" 1484 class="post-category"> 1485 Spring 1486 </a> 1487 1488 1489 </span> 1490 </div> 1491 </div> 1492 1493 1494 <div class="card-action article-tags"> 1495 1496 <a href="/tags/Spring/"> 1497 <span class="chip bg-color"> 1498 Spring 1499 </span> 1500 </a> 1501 1502 </div> 1503 1504 </div> 1505 </div> 1506 1507 <!-- éèæä¸ªæç« --> 1508 1509 1510 <!-- éèæä¸ªæç« --> 1511 <div class="article col s12 m6 l4" data-aos="zoom-in"> 1512 <div class="card"> 1513 <a href="/2023/08/04/spring-zheng-he/"> 1514 <div class="card-image"> 1515 1516 <img src="https://img-upyun.cikian.cn/blog-cover/37.jpg" 1517 class="responsive-img" 1518 alt="Springæ´å"> 1519 1520 <sp
1520an class="card-title"> 1521 Springæ´å 1522 </span> 1523 </div> 1524 </a> 1525 1526 <div class="card-content article-content"> 1527 <div class="summary block-with-text"> 1528 1529 Springæ´åMyBatisãJUnit 1530 1531 </div> 1532 <div class="publish-info"> 1533 <span class="publish-date"> 1534 <i class="far fa-clock fa-fw icon-date"></i> 1535 2023-08-04 1536 </span> 1537 <span class="publish-author"> 1538 1539 <i 1540 class="fas fa-bookmark fa-fw icon-category"></i> 1541 1542 <a href="/categories/%E7%AC%94%E8%AE%B0/" 1543 class="post-category"> 1544 ç¬è®° 1545 </a> 1546 1547 <a href="/categories/%E7%AC%94%E8%AE%B0/Spring/" 1548 class="post-category"> 1549 Spring 1550 </a> 1551 1552 1553 </span> 1554 </div> 1555 </div> 1556 1557 1558 <div class="card-action article-tags"> 1559 1560 <a href="/tags/Spring/"> 1561 <span class="chip bg-color"> 1562 Spring 1563 </span> 1564 </a> 1565 1566 </div> 1567 1568 </div> 1569 </div> 1570 1571 <!-- éèæä¸ªæç« --> 1572 1573 1574 <!-- éèæä¸ªæç« --> 1575 <div class="article col s12 m6 l4" data-aos="zoom-in"> 1576 <div class="card"> 1577 <a href="/2023/08/04/spring-chun-zhu-jie-kai-fa-ru-men/"> 1578 <div class="card-image"> 1579 1580 <img src="https://img-upyun.cikian.cn/blog-cover/36.jpg" 1581 class="responsive-img" 1582 alt="Spring纯注解å¼åå ¥é¨"> 1583 1584 <sp
1584an class="card-title"> 1585 Spring纯注解å¼åå ¥é¨ 1586 </span> 1587 </div> 1588 </a> 1589 1590 <div class="card-content article-content"> 1591 <div class="summary block-with-text"> 1592 1593 Spring纯注解å¼åå ¥é¨æ¡ä¾ 1594 1595 </div> 1596 <div class="publish-info"> 1597 <span class="publish-date"> 1598 <i class="far fa-clock fa-fw icon-date"></i> 1599 2023-08-04 1600 </span> 1601 <span class="publish-author"> 1602 1603 <i 1604 class="fas fa-bookmark fa-fw icon-category"></i> 1605 1606 <a href="/categories/%E7%AC%94%E8%AE%B0/" 1607 class="post-category"> 1608 ç¬è®° 1609 </a> 1610 1611 <a href="/categories/%E7%AC%94%E8%AE%B0/Spring/" 1612 class="post-category"> 1613 Spring 1614 </a> 1615 1616 1617 </span> 1618 </div> 1619 </div> 1620 1621 1622 <div class="card-action article-tags"> 1623 1624 <a href="/tags/Spring/"> 1625 <span class="chip bg-color"> 1626 Spring 1627 </span> 1628 </a> 1629 1630 </div> 1631 1632 </div> 1633 </div> 1634 1635 <!-- éèæä¸ªæç« --> 1636 1637 1638 <!-- éèæä¸ªæç« --> 1639 <div class="article col s12 m6 l4" data-aos="zoom-in"> 1640 <div class="card"> 1641 <a href="/2023/08/03/spring-ru-men/"> 1642 <div class="card-image"> 1643 1644 <img src="https://img-upyun.cikian.cn/blog-cover/35.jpg" 1645 class="responsive-img" 1646 alt="Springå ¥é¨"> 1647 1648 <sp
1648an class="card-title"> 1649 Springå ¥é¨ 1650 </span> 1651 </div> 1652 </a> 1653 1654 <div class="card-content article-content"> 1655 <div class="summary block-with-text"> 1656 1657 Springç¸å ³æ¦å¿µåå ¥é¨æ¡ä¾ 1658 1659 </div> 1660 <div class="publish-info"> 1661 <span class="publish-date"> 1662 <i class="far fa-clock fa-fw icon-date"></i> 1663 2023-08-03 1664 </span> 1665 <span class="publish-author"> 1666 1667 <i 1668 class="fas fa-bookmark fa-fw icon-category"></i> 1669 1670 <a href="/categories/%E7%AC%94%E8%AE%B0/" 1671 class="post-category"> 1672 ç¬è®° 1673 </a> 1674 1675 <a href="/categories/%E7%AC%94%E8%AE%B0/Spring/" 1676 class="post-category"> 1677 Spring 1678 </a> 1679 1680 1681 </span> 1682 </div> 1683 </div> 1684 1685 1686 <div class="card-action article-tags"> 1687 1688 <a href="/tags/Spring/"> 1689 <span class="chip bg-color"> 1690 Spring 1691 </span> 1692 </a> 1693 1694 </div> 1695 1696 </div> 1697 </div> 1698 1699 <!-- éèæä¸ªæç« --> 1700 1701 1702 <!-- éèæä¸ªæç« --> 1703 <div class="article col s12 m6 l4" data-aos="zoom-in"> 1704 <div class="card"> 1705 <a href="/2023/02/08/mybatis-zi-dong-feng-zhuang-wen-ti/"> 1706 <div class="card-image"> 1707 1708 <img src="https://img-upyun.cikian.cn/blog-cover/34.jpg" 1709 class="responsive-img" 1710 alt="MyBatisèªå¨å°è£ é®é¢"> 1711 1712 <sp
1712an class="card-title"> 1713 MyBatisèªå¨å°è£ é®é¢ 1714 </span> 1715 </div> 1716 </a> 1717 1718 <div class="card-content article-content"> 1719 <div class="summary block-with-text"> 1720 1721 è§£å³MyBatisæ¥è¯¢å段å«ä¸å线çèªå¨å°è£ é®é¢ 1722 1723 </div> 1724 <div class="publish-info"> 1725 <span class="publish-date"> 1726 <i class="far fa-clock fa-fw icon-date"></i> 1727 2023-02-08 1728 </span> 1729 <span class="publish-author"> 1730 1731 <i 1732 class="fas fa-bookmark fa-fw icon-category"></i> 1733 1734 <a href="/categories/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/" 1735 class="post-category"> 1736 é®é¢è§£å³ 1737 </a> 1738 1739 1740 </span> 1741 </div> 1742 </div> 1743 1744 1745 <div class="card-action article-tags"> 1746 1747 <a href="/tags/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/"> 1748 <span class="chip bg-color"> 1749 é®é¢è§£å³ 1750 </span> 1751 </a> 1752 1753 <a href="/tags/MyBatis/"> 1754 <span class="chip bg-color"> 1755 MyBatis 1756 </span> 1757 </a> 1758 1759 </div> 1760 1761 </div> 1762 </div> 1763 1764 <!-- éèæä¸ªæç« --> 1765 1766 1767 <!-- éèæä¸ªæç« --> 1768 <div class="article col s12 m6 l4" data-aos="zoom-in"> 1769 <div class="card"> 1770 <a href="/2023/01/07/linux-bu-shu-wang-zhan-nginx-php-mysql/"> 1771 <div class="card-image"> 1772 1773 <img src="https://img-upyun.cikian.cn/blog-cover/33.jpg" 1774 class="responsive-img" 1775 alt="Linuxé¨ç½²ç½ç«ï¼Nginx+PHP+MySQLï¼"> 1776 1777 <sp
1777an class="card-title"> 1778 Linuxé¨ç½²ç½ç«ï¼Nginx+PHP+MySQLï¼ 1779 </span> 1780 </div> 1781 </a> 1782 1783 <div class="card-content article-content"> 1784 <div class="summary block-with-text"> 1785 1786 æ¬æä»0å¼å§è¯¦ç»åè¿°å¨Linuxä¸ä½¿ç¨NginxãPHPãMySQLé¨ç½²ç½ç«çè¿ç¨ 1787 1788 </div> 1789 <div class="publish-info"> 1790 <span class="publish-date"> 1791 <i class="far fa-clock fa-fw icon-date"></i> 1792 2023-01-07 1793 </span> 1794 <span class="publish-author"> 1795 1796 <i 1797 class="fas fa-bookmark fa-fw icon-category"></i> 1798 1799 <a href="/categories/%E6%95%99%E7%A8%8B/" 1800 class="post-category"> 1801 æç¨ 1802 </a> 1803 1804 1805 </span> 1806 </div> 1807 </div> 1808 1809 1810 <div class="card-action article-tags"> 1811 1812 <a href="/tags/Linux/"> 1813 <span class="chip bg-color"> 1814 Linux 1815 </span> 1816 </a> 1817 1818 <a href="/tags/%E9%83%A8%E7%BD%B2%E7%BD%91%E7%AB%99/"> 1819 <span class="chip bg-color"> 1820 é¨ç½²ç½ç« 1821 </span> 1822 </a> 1823 1824 </div> 1825 1826 </div> 1827 </div> 1828 1829 <!-- éèæä¸ªæç« --> 1830 1831 </div> 1832 </article> 1833 1834 </main> 1835 1836 1837 <div class="container paging"> 1838 <div class="row"> 1839 <div class="col s6 m4 l4"> 1840 1841 <a class="left btn-floating btn-large disabled"> 1842 <i class="fas fa-angle-left"></i> 1843 </a> 1844 1845 </div> 1846 <div class="page-info col m4 l4 hide-on-small-only"> 1847 <div class="center-align b-text-gray">1 / 4</div> 1848 </div> 1849 <div class="col s6 m4 l4"> 1850 1851 <a href="/page/2/" 1852 class="right btn-floating btn-large waves-effect waves-light bg-color"> 1853 <i class="fas fa-angle-right"></i> 1854 </a> 1855 1856 </div> 1857 </div> 1858</div> 1859 1860 1861 1862 <footer class="page-footer bg-color"> 1863 1864 1865 <div class="container row center-align" 1866 style="margin-bottom: 15px !important;"> 1867 <div class="col s12 m8 l8 copy-right"> 1868 â¤ï¸Copyright © 1869
1870 <span id="year"> 1871 2022-2024 1872 </span> 1873 1874 <a href="/about" target="_blank"> 1875 Cikian 1876 </a> 1877 | Powered by <a href="https://hexo.io/" target="_blank">Hexo</a> 1878 | Theme 1879 <a href="https://www.cikian.cn" target="_blank">Matery 1880 </a>â¤ï¸ 1881 <br> 1882 1883 <i class="fas fa-chart-area"></i> 1884 ç«ç¹æ»åæ°: <span class="white-color"> 1885 46.1k 1886 </span> 1887 1888 1889 1890 1891 1892 1893 <span id="busuanzi_container_site_pv"> 1894 | <i class="far fa-eye"></i> æ»è®¿é®é: 1895 <span id="busuanzi_value_site_pv" 1896 class="white-color"></span> 1897 </span> 1898 1899 1900 <span id="busuanzi_container_site_uv"> 1901 | <i 1902 class="fas fa-users"></i> æ»è®¿é®äººæ°: 1903 <span id="busuanzi_value_site_uv" 1904 class="white-color"></span> 1905 </span> 1906 1907 <br> 1908 1909 <!-- è¿è¡å¤©æ°æé. --> 1910 1911 <span id="sitetime"> Loading 1912 ...</span> 1913
1913<script> 1914 var calcSiteTime = function () { 1915 var seconds = 1000; 1916 var minutes = seconds * 60; 1917 var hours = minutes * 60; 1918 var days = hours * 24; 1919 var years = days * 365; 1920 var today = new Date(); 1921 var startYear = "2022"; 1922 var startMonth = "2"; 1923 var startDate = "6"; 1924 var startHour = "0"; 1925 var startMinute = "0"; 1926 var startSecond = "0"; 1927 var todayYear = today.getFullYear(); 1928 var todayMonth = today.getMonth() + 1; 1929 var todayDate = today.getDate(); 1930 var todayHour = today.getHours(); 1931 var todayMinute = today.getMinutes(); 1932 var todaySecond = today.getSeconds(); 1933 var t1 = Date.UTC(startYear, startMonth, startDate, startHour, startMinute, startSecond); 1934 var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond); 1935 var diff = t2 - t1; 1936 var diffYears = Math.floor(diff / years); 1937 var diffDays = Math.floor((diff / days) - diffYears * 365); 1938 1939 // åºåæ¯å¦æå¹´ä»½. 1940 var language = 'zh-CN'; 1941 if (startYear === String(todayYear)) { 1942 document.getElementById("year").innerHTML = todayYear; 1943 var daysTip = 'This site has been running for ' + diffDays + ' days'; 1944 if (language === 'zh-CN') { 1945 daysTip = 'ðæ¬ç«å·²è¿è¡ ' + diffDays + ' 天'; 1946 } else if (language === 'zh-HK') { 1947 daysTip = 'æ¬ç«å·²éè¡ ' + diffDays + ' 天'; 1948 } 1949 document.getElementById("sitetime").innerHTML = daysT
1949ip; 1950 } else { 1951 document.getElementById("year").innerHTML = startYear + " - " + todayYear; 1952 var yearsAndDaysTip = 'This site has been running for ' + diffYears + ' years and ' + 1953 diffDays + ' days'; 1954 if (language === 'zh-CN') { 1955 yearsAndDaysTip = 'æ¬ç«å·²è¿è¡ ' + diffYears + ' å¹´ ' + diffDays + ' 天'; 1956 } else if (language === 'zh-HK') { 1957 yearsAndDaysTip = 'æ¬ç«å·²éè¡ ' + diffYears + ' å¹´ ' + diffDays + ' 天'; 1958 } 1959 document.getElementById("sitetime").innerHTML = yearsAndDaysTip; 1960 } 1961 } 1962 1963 calcSiteTime(); 1964 1965 </script>
1965 1966 <span> <a 1967 href="https://www.foreverblog.cn/go.html" 1968 target="_blank"> <img 1969 src="https://img.foreverblog.cn/wormhole_1_tp.gif" 1970 alt="" 1971 style="width:auto;height:28px;position: relative;top: 7px;" 1972 title="ç©¿æ¢è«æ´-éæºè®¿é®åå¹´ä¹çº¦åé¾å客"></a></span> 1973 1974 <br> 1975 1976 <span id="icp" 1977 style="font-size: 14px;"><img 1978 src="/medias/icp.png" 1979 style="vertical-align: text-bottom; width: 18px;" /> 1980 <a href="https://beian.miit.gov.cn" 1981 target="_blank" 1982 style="color: #fff;"> 1983 åICPå¤2022002500å·-1 1984 </a> 1985 </span> 1986 1987 1988 1989 <span 1990 style="font-size: 14px;"><img 1991 src="https://www.cikian.cn/mypic/gh.png" 1992 style="vertical-align: text-bottom; width: 18px;" /> 1993 <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=13032102000112" 1994 target="_blank" 1995 style="color: #fff;">åå ¬ç½å®å¤13032102000112å·</a> 1996 </span> 1997 </div> 1998 <div class="col s12 m4 l4 social-link social-statis"> 1999 2000 <a href="https://github.com/cikian" class="tooltipped" target="_blank" data-tooltip="è®¿é®æçGitHub" data-position="top" data-delay="50"> 2001 <i class="fab fa-github"></i> 2002 </a> 2003 2004 2005 2006 <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="é®ä»¶èç³»æ" data-position="top" data-delay="50"> 2007 <i class="fas fa-envelope-open"></i> 2008 </a> 2009 2010 2011 2012 <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"> 2013 <i class="fab fa-facebook-f"></i> 2014 </a> 2015 2016 2017 2018 <a href="https://twitter.com/ChanCikian" class="tooltipped" target="_blank" data-tooltip="å ³æ³¨æçTwitter: https://twitter.com/ChanCikian" data-position="top" data-delay="50"> 2019 <i class="fab fa-twitter"></i> 2020 </a> 2021 2022 2023 2024 <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"> 2025 <i class="fab fa-qq"></i> 2026 </a> 2027 2028 2029 2030 2031 2032 2033 <!-- 2034 <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; "> 2035 CSDN 2036 </a> 2037 --> 2038 2039 2040 <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订é " data-position="top" data-delay="50"> 2041 <i class="fas fa-rss"></i> 2042 </a> 2043 2044 </div> 2045 </div> 2046</footer> 2047 2048<div class="progress-bar"></div> 2049 2050 <!-- æç´¢é®ç½©æ¡ --> 2051<div id="searchModal" class="modal"> 2052 <div class="modal-content"> 2053 <div class="search-header">
2054 <span class="title"><i class="fas fa-search"></i> æç´¢</span> 2055 <input type="search" id="searchInput" name="s" placeholder="请è¾å ¥æç´¢çå ³é®å" 2056 class="search-input"> 2057 </div> 2058 <div id="searchResult"></div> 2059 </div> 2060</div> 2061
2062<script type="text/javascript"> 2063$(function () { 2064 var searchFunc = function (path, search_id, content_id) { 2065 'use strict'; 2066 $.ajax({ 2067 url: path, 2068 dataType: "xml", 2069 success: function (xmlResponse) { 2070 // get the contents from search data 2071 var datas = $("entry", xmlResponse).map(function () { 2072 return { 2073 title: $("title", this).text(), 2074 content: $("content", this).text(), 2075 url: $("url", this).text() 2076 }; 2077 }).get(); 2078 var $input = document.getElementById(search_id); 2079 var $resultContent = document.getElementById(content_id); 2080 $input.addEventListener('input', function () { 2081 var str = '<ul class=\"search-result-list\">'; 2082 var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/); 2083 $resultContent.innerHTML = ""; 2084 if (this.value.trim().length <= 0) { 2085 return; 2086 } 2087 // perform local searching 2088 datas.forEach(function (data) { 2089 var isMatch = true; 2090 var data_title = data.title.trim().toLowerCase(); 2091 var data_content = data.content.trim().replace(/<[^>]+>/g, "").toLowerCase(); 2092 var data_url = data.url; 2093 data_url = data_url.indexOf('/') === 0 ? data.url : '/' + data_url; 2094 var index_title = -1; 2095 var index_content = -1; 2096 var first_occur = -1; 2097 // only match artiles with not empty titles and contents 2098 if (data_title !== '' && data_content !== '') { 2099 keywords.forEach(function (keyword, i) { 2100 index_title = data_title.indexOf(keyword); 2101 index_content = data_content.indexOf(keyword); 2102 if (index_title < 0 && index_content < 0) { 2103 isMatch = false; 2104 } else { 2105 if (index_content < 0) { 2106 index_content = 0; 2107 } 2108 if (i === 0) { 2109 first_occur = index_content; 2110 } 2111 } 2112 }); 2113 } 2114 // show search results 2115 if (isMatch) { 2116 str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>"; 2117 var content = data.content.trim().replace(/<[^>]+>/g, ""); 2118 if (first_occur >= 0) { 2119 // cut out 100 characters 2120 var start = first_occur - 20; 2121 var end = first_occur + 80; 2122 if (start < 0) { 2123 start = 0; 2124 } 2125 if (start === 0) { 2126 end = 100; 2127 } 2128 if (end > content.length) { 2129 end = content.length; 2130 } 2131 var match_content = content.substr(start, end); 2132 // highlight all keywords 2133 keywords.forEach(function (keyword) { 2134 var regS = new RegExp(keyword, "gi"); 2135 match_content = match_content.replace(regS, "<em class=\"search-keyword\">" + keyword + "</em>"); 2136 }); 2137 2138 str += "<p class=\"search-result\">" + match_content + "...</p>" 2139 } 2140 str += "</li>"; 2141 } 2142 }); 2143 str += "</ul>"; 2144 $resultContent.innerHTML = str; 2145 }); 2146 } 2147 }); 2148 }; 2149 2150 searchFunc('/search.xml', 'searchInput', 'searchResult'); 2151}); 2152</script>
2152 2153 2154 <!-- åå°é¡¶é¨æé® --> 2155<div id="backTop" class="top-scroll"> 2156 <a class="btn-floating btn-large waves-effect waves-light" href="#!"> 2157 <i class="fas fa-arrow-up"></i> 2158 </a> 2159</div> 2160 2161 2162
2162<script src="/libs/materialize/materialize.min.js"></script>
2162 2163
2163<script src="/libs/masonry/masonry.pkgd.min.js"></script>
2163 2164
2164<script src="/libs/aos/aos.js"></script>
2164 2165
2165<script src="/libs/scrollprogress/scrollProgress.min.js"></script>
2165 2166
2166<script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
2166 2167
2167<script src="/js/matery.js"></script>
2167 2168 2169 2170 2171 2172 2173 <!-- éªè±ç¹æ --> 2174 2175 2176 <!-- é¼ æ ææç¹æ --> 2177 2178 2179 2180 2181 <!-- Baidu Analytics --> 2182
2183<script> 2184 var _hmt = _hmt || []; 2185 (function () { 2186 var hm = document.createElement("script"); 2187 hm.src = "https://hm.baidu.com/hm.js?86cddc927e2089ece7c606eb0c9350bd"; 2188 var s = document.getElementsByTagName("script")[0]; 2189 s.parentNode.insertBefore(hm, s); 2190 })(); 2191</script>
2191 2192 2193 <!-- Baidu Push --> 2194
2195<script> 2196 (function () { 2197 var bp = document.createElement('script'); 2198 var curProtocol = window.location.protocol.split(':')[0]; 2199 if (curProtocol === 'https') { 2200 bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; 2201 } else { 2202 bp.src = 'http://push.zhanzhang.baidu.com/push.js'; 2203 } 2204 var s = document.getElementsByTagName("script")[0]; 2205 s.parentNode.insertBefore(bp, s); 2206 })(); 2207</script>
2207 2208 2209 2210
2210<script src="/libs/others/clicklove.js" async="async"></script>
2210 2211 2212 2213
2213<script async src="/libs/others/busuanzi.pure.mini.js"></script>
2213 2214 2215 2216 2217 2218 2219 2220 <!--è ¾è®¯å å°å·¢--> 2221 2222 <div style="position:fixed;bottom:125px;right:16px;cursor: pointer;"> 2223 <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> 2224 </div> 2225 2226 2227
2227<script type="text/javascript" color="0,0,255" 2228 pointColor="0,0,255" opacity='0.7' 2229 zIndex="-1" count="50" 2230 src="/libs/background/canvas-nest.js"></script>
2230 2231 2232 2233 2234 2235
2235<script type="text/javascript" size="150" alpha='0.6' 2236 zIndex="-1" src="/libs/background/ribbon.min.js" async="async"></script>
2236 2237 2238 2239 2240
2240<script type="text/javascript" src="/libs/background/ribbon-dynamic.js" async="async"></script>
2240 2241 2242 2243 2244
2244<script src="/libs/instantpage/instantpage.js" type="module"></script>
2244 2245 2246 2247</body> 2248 2249</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.