1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="google-site-verification" content="xBT4GhYoi5qRD5tr338pgPM5OWHHIDR6mNg1a3euekI" /> 8 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> 9 <meta name="description" content="è¿éæ¯ @æ¯è¯ ç个人å客ï¼ä¸ä½ ä¸èµ·åç°æ´å¤§çä¸ç "> 10 <meta name="keywords" content="æ¯è¯ , çµæ° , ææ "> 11 <meta name="theme-color" content="#000000"> 12 13 <!-- Open Graph --> 14 <meta property="og:title" 15 content="æ¯è¯çå客 | LJ Blog"> 16 17 <meta property="og:type" content="website"> 18 <meta property="og:description" 19 content="ãå¯¹æªæ¥æå¤§çæ ·æ ¨æ¯æä¸åç®ç»ç°å¨ã"> 20 21 <meta property="og:image" content="/img/avater.jpg"> 22 <meta property="og:url" content="/page2/"> 23 <meta property="og:site_name" content="æ¯è¯çå客 | LJ Blog"> 24 25 <title>æ¯è¯çå客 | LJ Blog</title> 26 27 <!-- Web App Manifest --> 28 <link rel="manifest" href="/pwa/manifest.json"> 29 30 <!-- Favicon --> 31 <link rel="shortcut icon" href="/img/favicon.ico"> 32 33 <!-- Canonical URL --> 34 <link rel="canonical" href="/page2/"> 35 36 <!-- Bootstrap Core CSS --> 37 <link rel="stylesheet" href=" /css/bootstrap.min.css"> 38 39 <!-- Custom CSS --> 40 <link rel="stylesheet" href=" /css/hux-blog.css"> 41 42 <!-- Custom Fonts --> 43 <!-- <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> --> 44 <!-- Hux change font-awesome CDN to qiniu --> 45 <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" 46 type="text/css"> 47 48 49 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 50 <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 51 <!--[if lt IE 9]> 52
52<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
52 53
53<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
53 54 <![endif]--> 55 56 <!-- ga & ba script hoook --> 57
57<script></script>
57 58 59 <!-- Google AdSense --> 60
60<script data-ad-client="ca-pub-6487568398225121" async 61 src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
61 62</head> 63 64 65<!-- hack iOS CSS :active style --> 66<body ontouchstart=""> 67 68 <!-- Navigation --> 69 70 <nav class="navbar navbar-default navbar-custom navbar-fixed-top"> 71 72 <div class="container-fluid"> 73 <!-- Brand and toggle get grouped for better mobile display --> 74 <div class="navbar-header page-scroll"> 75 <button type="button" class="navbar-toggle"> 76 <span class="sr-only">Toggle navigation</span> 77 <span class="icon-bar"></span> 78 <span class="icon-bar"></span> 79 <span class="icon-bar"></span> 80 </button> 81 <a class="navbar-brand" href="/">æ¯è¯</a> 82 </div> 83 84 <!-- Collect the nav links, forms, and other content for toggling --> 85 <div id="huxblog_navbar"> 86 <div class="navbar-collapse"> 87 <ul class="nav navbar-nav navbar-right"> 88 <li> 89 <a href="/">主页</a> 90 </li> 91 92 93 94 95 <li> 96 <a href="/about/">å ³äº</a> 97 </li> 98 99 100 101 <li> 102 <a href="/archive/">æ»è§</a> 103 </li> 104 105 106 107 108 109 110 111 112 113 114 115 116 <li class="search-icon"> 117 <a href="javascript:void(0)"> 118 <i class="fa fa-search"></i> 119 </a> 120 </li> 121 </ul> 122 </div> 123 </div> 124 <!-- /.navbar-collapse --> 125 </div> 126 <!-- /.container --> 127 </nav> 128 129
129<script> 130 // Drop Bootstarp low-performance Navbar 131 // Use customize navbar with high-quality material design animation 132 // in high-perf jank-free CSS3 implementation 133 var $body = document.body; 134 var $toggle = document.querySelector('.navbar-toggle'); 135 var $navbar = document.querySelector('#huxblog_navbar'); 136 var $collapse = document.querySelector('.navbar-collapse'); 137 138 var __HuxNav__ = { 139 close: function () { 140 $navbar.className = " "; 141 // wait until animation end. 142 setTimeout(function () { 143 // prevent frequently toggle 144 if ($navbar.className.indexOf('in') < 0) { 145 $collapse.style.height = "0px" 146 } 147 }, 400) 148 }, 149 open: function () { 150 $collapse.style.height = "auto" 151 $navbar.className += " in"; 152 } 153 } 154 155 // Bind Event 156 $toggle.addEventListener('click', function (e) { 157 if ($navbar.className.indexOf('in') > 0) { 158 __HuxNav__.close() 159 } else { 160 __HuxNav__.open() 161 } 162 }) 163 164 /** 165 * Since Fastclick is used to delegate 'touchstart' globally 166 * to hack 300ms delay in iOS by performing a fake 'click', 167 * Using 'e.stopPropagation' to stop 'touchstart' event from 168 * $toggle/$collapse will break global delegation. 169 * 170 * Instead, we use a 'e.target' filter to prevent handler 171 * added to document close HuxNav. 172 * 173 * Also, we use 'click' instead of 'touchstart' as compromise 174 */ 175 document.addEventListener('click', function (e) { 176 if (e.target == $toggle) return; 177 if (e.target.className == 'icon-bar') return; 178 __HuxNav__.close(); 179 }) 180 </script>
180 181 <!-- Search --> 182<div class="search-page"> 183 <div class="search-icon-close-container"> 184 <span class="search-icon-close"> 185 <i class="fa fa-chevron-down"></i> 186 </span> 187 </div> 188 <div class="search-main container"> 189 <div class="row"> 190 <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> 191 <form></form> 192 <input type="text" id="search-input" placeholder="彿¶åªéæ¯å¯»å¸¸Â·Â·Â·"> 193 </form> 194 <div id="search-results" class="mini-post-list"></div> 195 </div> 196 </div> 197 </div> 198</div> 199 200 <!-- Page Header --> 201 202 203 204<style type="text/css"> 205 header.intro-header{ 206 position: relative; 207 background-image: url('/img/home.jpg'); 208 background: ; 209 } 210 211 212</style> 213 214 215 216 217 218 219 220<header class="intro-header" style="background-image: url('/img/home.jpg')"> 221 <div class="header-mask"></div> 222 <div class="container"> 223 <div class="row"> 224 <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> 225 226 <div class="site-heading"> 227 228 <h1>æ¯è¯</h1> 229 <span class="subheading">ãå¯¹æªæ¥æå¤§çæ ·æ ¨æ¯æä¸åç®ç»ç°å¨ã</span> 230 </div> 231 </div> 232 </div> 233 </div> 234</header> 235 236 237 238<!-- Main Content --> 239<div class="container"> 240 <div class="row"> 241 242 243 <!-- USE SIDEBAR --> 244 <!-- PostList Container --> 245 <div class="col-lg-8 col-lg-offset-1 col-md-8 col-md-offset-1 col-sm-12 246 col-xs-12 postlist-container"> 247 248<div class="post-preview"> 249 <a href="/2024/05/11/%E5%B0%8F%E7%8E%8B%E5%AD%90/"> 250 <h2 class="post-title"> 251 å°çå 252 </h2> 253 254 <h3 class="post-subtitle"> 255 256 </h3> 257 258 <div class="post-content-preview"> 259 260 âï¸æ è 261 262 âæâ 263 飿ºäºæ ï¼åéå°çå 264 265 ç»µç¾ 266 B612æçæ¦è² 267 æ äºèæ¯ 268 ç´é¢å æ 269 åå忬¡æ¥è½ 270 è± 271 ä¸ä¸æ ·çè±ï¼ç±æ ï¼ 272 273 éªå² 274 å¤ççèè£å¿ 275 é¾å¼ 276 ä¸çå¿« 277 è¯å¤ä¸ä¸ªäººåºè¯¥ç... 278 279 </div> 280 </a> 281 <p class="post-meta"> 282 æ¯è¯ åè¡¨äº 2024-05-11 283 </p> 284</div> 285<hr> 286 287<div class="post-preview"> 288 <a href="/2023/08/27/%E5%A4%A9%E7%A9%BA%E4%B9%8B%E5%9F%8E/"> 289 <h2 class="post-title"> 290 天空ä¹å 291 </h2> 292 293 <h3 class="post-subtitle"> 294 295 </h3> 296 297 <div class="post-content-preview"> 298 299 âä½ ç¸ä¿¡è¿ä¸ç䏿ä¸åº§æ¶è¹åéç天空ä¹ååï¼â 300 301ä½ å¯æ¾æ³è¿ï¼ä½ çä¸ç该以ä½ç§è½¨è¿¹ååï¼äººççç»æä¼æ¯å¦ä½ãå½ç¶ï¼ä½ 伿å°è¯§å¼ï¼è¿å»ä¹äºå·²ç¶åçæ æ³æ¹åï¼å°æ¥ä¹äºåå°æªå¯ç¥ä¸è½é¢æµï¼æä½è°æè°ç人çè½¨è¿¹ï¼æ´å«æäººçç»æãä½ä½ ä»ç»æ³æ³åä¼åç°ï¼è¯»ä¹¦ãå·¥ä½ãæå®¶ççä¼¼ä¹åå·²ç»å³å®å¥½äºãä½ ä¸æ¾ç¸ä¿¡æè°çå½è¿ä¹è°ï¼ä½ææ¶åä¸å¾ä¸æ¿è®¤ï¼å¾å¤äºç¡®å®åæ¯æ³¨å®å¥½çï¼æ æ³æ¹åââä½ æ³¨å®æä¸ºä¸ä¸ªææ ·ç人ï¼ä½ ç人... 302 303 </div> 304 </a> 305 <p class="post-meta"> 306 æ¯è¯ åè¡¨äº 2023-08-27 307 </p> 308</div> 309<hr> 310 311<div class="post-preview"> 312 <a href="/2023/08/21/%E4%B8%8D%E7%9F%A5/"> 313 <h2 class="post-title"> 314 ä¸ç¥ 315 </h2> 316 317 <h3 class="post-subtitle"> 318 319 </h3> 320 321 <div class="post-content-preview"> 322 323 å«åä¸ç¥å²æ 324 325æ¶é´æ¶å¸¸ç»æä¸ç§éè§ï¼æäºäºä¼¼ä¹è¿äºå¾ä¹ ï¼ä½å仿ä½è¿å¨å«å°ºãå¦ä»åè§è¿ä¸å¹´ï¼ä¸åæ£æï¼ä¸åè¿·è«ï¼è¿æä¸ç¼æ®æä¸ç¥å¦ä½è¨æã 326 327ä¸åæ£æ 328 329åç»äºè®¸ï¼ç»ä¸å°±ï¼ä¸æ¢å¤è¨ãåªæ¯è仿³èµ·ï¼å¦è¯çå çæè¨ï¼å°ä¸ç¨å«©ï¼ä¸å°½æçãæ°æè¨ä¹äºç对ï¼å´æè¡ä¹äºçéãå¦ä»æ³æ¥ï¼ç¹æ¯ééçé¡¶ã 330 331ä¸åè¿·è« 332 333éé¢ç«ç ï¼ä¸å妿æï¼å¼¹æå³è¿ãæ¥æ¥æµæµå©å©ï¼ä¸ç¥æç¶ãå¶æææï¼ç龿ãä¸åäºç©ç¹éï¼å°... 334 335 </div> 336 </a> 337 <p class="post-meta"> 338 æ¯è¯ åè¡¨äº 2023-08-21 339 </p> 340</div> 341<hr> 342 343<div class="post-preview"> 344 <a href="/2023/08/10/%E6%97%A7%E5%9F%8E%E4%BB%A5%E8%A5%BF/"> 345 <h2 class="post-title"> 346 æ§å以西 347 </h2> 348 349 <h3 class="post-subtitle"> 350 351 </h3> 352 353 <div class="post-content-preview"> 354 355 彿忬¡æ¶è¶³é£åº§æ§åï¼æç»äºæç½ï¼æ§åçæ§æºäºæ§åç人ã 356 357ä»å¤©åæåæ¥å°ä¸å®¶æ¾ç»åè¿çèªå©ï¼ææç¶åç°ä¸æ¬¡æ¥å·²ç»æ¯ä¸å¹´åäºãç¸ä¼¼ç天æ°ï¼ç¸ä¼¼çåºæ¯ï¼çè³è§å¾è¡æµçäººç¾¤ä¹æ¯é£ä¹ç¸ä¼¼ãæèµ°è¿åºéï¼å æ¿äºä¸æ¯è¥¿çæ±ï¼åä¸å¹´å䏿 ·ï¼åçç¸ä¼¼çèåï¼ç«ä¸æ¶å䏿¸ æ¶é´ãâ碰ä¸ä¸ªå§ï¼ç¥å¦ä¸é¡ºå©ï¼çæ´»æå¿«!âæèµ¶å¿æèªå·±æåå°ç°å®ï¼ä¸¾èµ·æä¸ç飿¯è¥¿çæ±ï¼åçè¿åº§æ§åââ ä¸å¹´åæè æ¯ä¸å¹´åã 358 359åå®é¥åå... 360 361 </div> 362 </a> 363 <p class="post-meta"> 364 æ¯è¯ åè¡¨äº 2023-08-10 365 </p> 366</div> 367<hr> 368 369 370<!-- Pager --> 371 372<ul class="pager"> 373 374 <li class="previous"> 375 <a href="/">← Newer Posts</a> 376 </li> 377 378 379</ul> 380 381 382 </div> 383 <!-- Sidebar Container --> 384 <div class="col-lg-3 col-lg-offset-0 col-md-3 col-md-offset-0 col-sm-12 385 col-xs-12 sidebar-container"> 386 <!-- Featured Tags --> 387 <!-- 388 389 390 391<section> 392 393 <h5><a href="/archive/">FEATURED TAGS</a></h5> 394 <div class="tags"> 395 396 397 398 399 400 401 <a data-sort="0007" 402 href="/archive/?tag=%E6%9D%82%E6%96%87" 403 title="ææ" 404 rel="7">ææ</a> 405 406 <a data-sort="0012" 407 href="/archive/?tag=%E5%90%88%E9%9B%86" 408 title="åé" 409 rel="2">åé</a> 410 411 <a data-sort="0012" 412 href="/archive/?tag=%E5%B0%8F%E8%AF%B4" 413 title="å°è¯´" 414 rel="2">å°è¯´</a> 415 </div> 416</section> 417 418--> 419 420 421<section> 422 423 <h5><a href="/archive/">FEATURED TAGS</a></h5> 424 425 <style> 426 /* æ ç¾å®¹å¨ç¾å */ 427 .tags-container { 428 display: flex; 429 flex-wrap: wrap; 430 gap: 6px; /* æ ç¾ä¹é´çé´è· */ 431 margin-bottom: 15px; 432 } 433 434 .tags-container a { 435 display: inline-block; 436 padding: 2px 10px; 437 background-color: rgba(0, 0, 0, 0.05); /* é»è®¤æ·¡ç°è²èæ¯ */ 438 color: #666 !important; /* é»è®¤æåé¢è² */ 439 border: 1px solid rgba(0, 0, 0, 0.1); 440 border-radius: 4px; /* 轻微åè§ */ 441 font-size: 12px; 442 text-decoration: none !important; 443 transition: all 0.2s ease-in-out; 444 line-height: 1.6; 445 } 446 447 /* æ ç¾æ¬åææ */ 448 .tags-container a:hover { 449 background-color: #0085a1; /* æ¬åå为主é¢éè² */ 450 color: #ffffff !important; /* æååç½ */ 451 border-color: #0085a1; 452 transform: scale(1.05); /* 轻微æ¾å¤§ */ 453 box-shadow: 0 2px 5px rgba(0,0,0,0.1); 454 } 455 </style> 456 457 <div class="tags tags-container"> 458 459 460 461 462 463 <a data-sort="0007" 464 href="/archive/?tag=%E6%9D%82%E6%96%87" 465 title="ææ" 466 rel="7">ææ</a> 467 468 <a data-sort="0012" 469 href="/archive/?tag=%E5%90%88%E9%9B%86" 470 title="åé" 471 rel="2">åé</a> 472 473 <a data-sort="0012" 474 href="/archive/?tag=%E5%B0%8F%E8%AF%B4" 475 title="å°è¯´" 476 rel="2">å°è¯´</a> 477 </div> 478</section> 479 480 481 <!-- Short About --> 482 <section class="visible-md visible-lg"> 483 <hr> 484 <h5><a href="/about/">ABOUT ME</a></h5> 485 <div class="short-about"> 486 487 <img src="/img/avater.jpg" /> 488 489 490 <p>åä¸ä¸ªæ¸©æ <br> 䏿åéç人 </p> 491 492 <!-- SNS Link --> 493 494 495 496<ul class="list-inline"> 497 498 499 500 501 <li> 502 <a href="https://www.yuque.com/lj.yq">
503 <span class="fa-stack fa-lg"> 504 <i class="fa fa-circle fa-stack-2x"></i> 505 <i class="fa fa-pencil-square-o fa-stack-1x fa-inverse"></i> 506 </span> 507 </a> 508 </li> 509 510 511 512 513 514 <li> 515 <a target="_blank" href="https://github.com/Yongzhi-Lee"> 516 <span class="fa-stack fa-lg"> 517 <i class="fa fa-circle fa-stack-2x"></i> 518 <i class="fa fa-github fa-stack-1x fa-inverse"></i> 519 </span> 520 </a> 521 </li> 522 523 <li class="wechat-icon"> 524 <a href="javascript:void(0);" title="å¾®ä¿¡å ¬ä¼å·"> 525 <span class="fa-stack fa-lg"> 526 <i class="fa fa-circle fa-stack-2x"></i> 527 <i class="fa fa-weixin fa-stack-1x fa-inverse"></i> 528 </span> 529 </a> 530 531 <!-- äºç»´ç å¼¹å± --> 532 <div class="wechat-qrcode"> 533 <img src="/img/wechat-qrcode.jpg" alt="å¾®ä¿¡å ¬ä¼å·äºç»´ç " style="width: 140px !important; height: auto;"> 534 <p>æ«ç å ³æ³¨</p> 535 </div> 536 </li> 537 538</ul> 539 </div> 540</section> 541 542 <!-- Friends Blog --> 543 <!-- 544 545<hr> 546<h5>FRIENDS</h5> 547<ul class="list-inline"> 548 549 <li><a href="https://wely.fun/">Wely</a></li> 550 551</ul> 552 553--> 554 555 556<hr> 557<h5>FRIENDS</h5> 558<style> 559 /* åæ é¾æ¥å®¹å¨æ ·å¼ */ 560 .friends-list { 561 padding-left: 0; 562 display: flex; 563 flex-wrap: wrap; /* èªå¨æ¢è¡ */ 564 gap: 8px; /* æ¹åä¹é´çé´è· */ 565 } 566 567 .friends-list li { 568 list-style: none; 569 margin: 0 !important; /* æ¸ é¤é»è®¤é´è· */ 570 } 571 572 .friends-list li a { 573 display: inline-block; 574 padding: 4px 12px; 575 background-color: rgba(0, 133, 161, 0.1); /* 轻微ç主é¢éè²èæ¯ */ 576 color: #0085a1 !important; /* æåé¢è² */ 577 border: 1px solid rgba(0, 133, 161, 0.2); 578 border-radius: 6px; /* åè§æ¹æ¡ */ 579 font-size: 13px; 580 text-decoration: none; 581 transition: all 0.3s ease; 582 } 583 584 /* æ¬åææ */ 585 .friends-list li a:hover { 586 background-color: #0085a1; /* åæå®è² */ 587 color: #ffffff !important; /* æååç½ */ 588 transform: translateY(-2px); /* åä¸è½»å¾®æµ®å¨ */ 589 box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* æ·»å é´å½± */ 590 text-decoration: none; 591 } 592</style> 593 594<ul class="friends-list"> 595 596 <li> 597 <a href="https://wely.fun/" target="_blank">Wely</a> 598 </li> 599 600</ul> 601 602 603 <!-- Ads --> 604
604<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
604 605<!-- first shot --> 606<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6487568398225121" data-ad-slot="4814308751" 607 data-ad-format="auto" data-full-width-responsive="true"></ins>
608<script> 609 (adsbygoogle = window.adsbygoogle || []).push({}); 610</script>
610 611 612 </div> 613 614 </div> 615</div> 616 617 618<!-- Add support for Mathjax by Voleking--> 619<!-- If you want to see formulars well in post preview, Maybe you should add this.--> 620<!-- However, most of the time formulars may not appear in the post preview, you can delete it.-->
621<script type="text/x-mathjax-config"> 622 MathJax.Hub.Config({ 623 TeX: { 624 equationNumbers: { 625 autoNumber: "AMS" 626 } 627 }, 628 tex2jax: { 629 inlineMath: [ ['$','$'] ], 630 displayMath: [ ['$$','$$'] ], 631 processEscapes: true, 632 } 633 }); 634</script>
vendor: 1 bytes, line 634
634
635<script type="text/javascript" 636 src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
636 637 638 639 640 <!-- Footer --> 641<footer> 642 <div class="container"> 643 <div class="row"> 644 <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> 645 <!-- SNS Link --> 646 647 648 649<ul class="list-inline text-center"> 650 651 652 653 654 <li> 655 <a href="https://www.yuque.com/lj.yq"> 656 <span class="fa-stack fa-lg"> 657 <i class="fa fa-circle fa-stack-2x"></i> 658 <i class="fa fa-pencil-square-o fa-stack-1x fa-inverse"></i> 659 </span> 660 </a> 661 </li> 662 663 664 665 666 667 <li> 668 <a target="_blank" href="https://github.com/Yongzhi-Lee"> 669 <span class="fa-stack fa-lg"> 670 <i class="fa fa-circle fa-stack-2x"></i> 671 <i class="fa fa-github fa-stack-1x fa-inverse"></i> 672 </span> 673 </a> 674 </li> 675 676 <li class="wechat-icon"> 677 <a href="javascript:void(0);" title="å¾®ä¿¡å ¬ä¼å·"> 678 <span class="fa-stack fa-lg"> 679 <i class="fa fa-circle fa-stack-2x"></i> 680 <i class="fa fa-weixin fa-stack-1x fa-inverse"></i> 681 </span> 682 </a> 683 684 <!-- äºç»´ç å¼¹å± --> 685 <div class="wechat-qrcode"> 686 <img src="/img/wechat-qrcode.jpg" alt="å¾®ä¿¡å ¬ä¼å·äºç»´ç " style="width: 140px !important; height: auto;"> 687 <p>æ«ç å ³æ³¨</p> 688 </div> 689 </li> 690 691</ul> 692 693 <p class="copyright text-muted"> 694 Copyright © æ¯è¯ 2026 695 <br> 696 Powered by Hux Blog 697 <iframe style="margin-left: 2px; margin-bottom:-5px;" frameborder="0" scrolling="0" width="100px" 698 height="20px" 699 src="https://ghbtns.com/github-btn.html?user=huxpro&repo=huxpro.github.io&type=star&count=true"> 700 </iframe> 701 </p> 702 </div> 703 </div> 704 </div> 705</footer> 706 707<div id="backTop" title="åå°é¡¶é¨" style=" 708 display: none; 709 position: fixed; 710 bottom: 80px; 711 right: 30px; 712 width: 45px; 713 height: 45px; 714 background-color: rgba(0, 0, 0, 0.4); /* åéæé»è²ï¼æ´é«çº§ */ 715 color: #fff; 716 line-height: 45px; 717 text-align: center; 718 border-radius: 8px; /* åè§ç©å½¢é£æ ¼ï¼å¼åºå¾®ä¿¡äºç»´ç */ 719 cursor: pointer; 720 z-index: 99999; 721 transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* å¼¹æ§è¿æ¸¡ */ 722"> 723 <i class="fa fa-arrow-up" style="font-size: 18px;"></i> 724</div> 725
726<script> 727 document.addEventListener('DOMContentLoaded', function() { 728 var backTop = document.getElementById('backTop'); 729 730 window.addEventListener('scroll', function() { 731 var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; 732 if (scrollTop > 400) { 733 backTop.style.display = 'block'; 734 } else { 735 backTop.style.display = 'none'; 736 } 737 }); 738 739 backTop.addEventListener('click', function() { 740 window.scrollTo({ top: 0, behavior: 'smooth' }); 741 }); 742 743 // é¼ æ æ¬åç¾å 744 backTop.onmouseover = function() { 745 this.style.backgroundColor = '#0085a1'; // åå主é¢éè² 746 this.style.transform = 'scale(1.1)'; // å¾®æ¾ææ 747 }; 748 backTop.onmouseout = function() { 749 this.style.backgroundColor = 'rgba(0, 0, 0, 0.4)'; 750 this.style.transform = 'scale(1)'; 751 }; 752 }); 753</script>
753 754 755 756<!-- jQuery -->
757<script src="/js/jquery.min.js "></script>
757 758 759<!-- Bootstrap Core JavaScript --> 760<!-- Currently, only navbar scroll-down effect at desktop still depends on this -->
761<script src="/js/bootstrap.min.js "></script>
761 762 763<!-- Custom Theme JavaScript -->
764<script src="/js/hux-blog.min.js "></script>
764 765 766<!-- Simple Jekyll Search -->
767<script src="/js/simple-jekyll-search.min.js"></script>
767 768 769<!-- Service Worker --> 770
771<script src="/js/snackbar.js "></script>
vendor: 1 bytes, line 771
771
772<script src="/js/sw-registration.js "></script>
772 773 774 775<!-- async load function -->
776<script> 777 function async(u, c) { 778 var d = document, t = 'script', 779 o = d.createElement(t), 780 s = d.getElementsByTagName(t)[0]; 781 o.src = u; 782 if (c) { o.addEventListener('load', function (e) { c(null, e); }, false); } 783 s.parentNode.insertBefore(o, s); 784 } 785</script>
785 786 787<!-- 788 Because of the native support for backtick-style fenced code blocks 789 right within the Markdown is landed in Github Pages, 790 From V1.6, There is no need for Highlight.js, 791 so Huxblog drops it officially. 792 793 - https://github.com/blog/2100-github-pages-now-faster-and-simpler-with-jekyll-3-0 794 - https://help.github.com/articles/creating-and-highlighting-code-blocks/ 795 - https://github.com/jneen/rouge/wiki/list-of-supported-languages-and-lexers 796--> 797<!-- 798
798<script> 799 async("http://cdn.bootcss.com/highlight.js/8.6/highlight.min.js", function(){ 800 hljs.initHighlightingOnLoad(); 801 }) 802 </script>
802 803 <link href="http://cdn.bootcss.com/highlight.js/8.6/styles/github.min.css" rel="stylesheet"> 804--> 805 806 807 808 809 810 811 812<!--fastClick.js -->
813<script> 814 async("//cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js", function () { 815 var $nav = document.querySelector("nav"); 816 if ($nav) FastClick.attach($nav); 817 }) 818</script>
818 819 820 821<!-- Google Analytics --> 822 823 824 825<!-- Baidu Tongji --> 826 827 828 829<!-- Side Catalog --> 830
831<script type="text/javascript"> 832 function generateCatalog(selector) { 833 834 // interop with multilangual 835 if ('' == 'true') { 836 _containerSelector = 'div.post-container.active' 837 } else { 838 _containerSelector = 'div.post-container' 839 } 840 841 // init 842 var P = $(_containerSelector), a, n, t, l, i, c; 843 a = P.find('h1,h2,h3,h4,h5,h6'); 844 845 // clean 846 $(selector).html('') 847 848 // appending 849 a.each(function () { 850 n = $(this).prop('tagName').toLowerCase(); 851 i = "#" + $(this).prop('id'); 852 t = $(this).text(); 853 c = $('<a href="' + i + '" rel="nofollow">' + t + '</a>'); 854 l = $('<li class="' + n + '_nav"></li>').append(c); 855 $(selector).append(l); 856 }); 857 return true; 858 } 859 860 generateCatalog(".catalog-body"); 861 862 // toggle side catalog 863 $(".catalog-toggle").click((function (e) { 864 e.preventDefault(); 865 $('.side-catalog').toggleClass("fold") 866 })) 867 868 /* 869 * Doc: https://github.com/davist11/jQuery-One-Page-Nav 870 * Fork by Hux to support padding 871 */ 872 async("/js/jquery.nav.js", function () { 873 $('.catalog-body').onePageNav({ 874 currentClass: "active", 875 changeHash: !1, 876 easing: "swing", 877 filter: "", 878 scrollSpeed: 700, 879 scrollOffset: 0, 880 scrollThreshold: .2, 881 begin: null, 882 end: null, 883 scrollChange: null, 884 padding: 80 885 }); 886 }); 887</script>
887 888 889 890 891<!-- Multi-Lingual --> 892 893 894<!-- Simple Jekyll Search -->
895<script> 896 // https://stackoverflow.com/questions/1912501/unescape-html-entities-in-javascript 897 function htmlDecode(input) { 898 var e = document.createElement('textarea'); 899 e.innerHTML = input; 900 // handle case of empty input 901 return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue; 902 } 903 904 SimpleJekyllSearch({ 905 searchInput: document.getElementById('search-input'), 906 resultsContainer: document.getElementById('search-results'), 907 json: '/search.json', 908 searchResultTemplate: '<div class="post-preview item"><a href="{url}"><h2 class="post-title">{title}</h2><h3 class="post-subtitle">{subtitle}</h3><hr></a></div>', 909 noResultsText: 'No results', 910 limit: 50, 911 fuzzy: false, 912 // a hack to get escaped subtitle unescaped. for some reason, 913 // post.subtitle w/o escape filter nuke entire search. 914 templateMiddleware: function (prop, value, template) { 915 if (prop === 'subtitle' || prop === 'title') { 916 if (value.indexOf("code")) { 917 return htmlDecode(value); 918 } else { 919 return value; 920 } 921 } 922 } 923 }); 924 925 $(document).ready(function () { 926 var $searchPage = $('.search-page'); 927 var $searchOpen = $('.search-icon'); 928 var $searchClose = $('.search-icon-close'); 929 var $searchInput = $('#search-input'); 930 var $body = $('body'); 931 932 $searchOpen.on('click', function (e) { 933 e.preventDefault(); 934 $searchPage.toggleClass('search-active'); 935 var prevClasses = $body.attr('class') || ''; 936 setTimeout(function () { 937 $body.addClass('no-scroll'); 938 }, 400) 939 940 if ($searchPage.hasClass('search-active')) { 941 $searchClose.on('click', function (e) { 942 e.preventDefault(); 943 $searchPage.removeClass('search-active'); 944 $body.attr('class', prevClasses); // from closure 945 }); 946 $searchInput.focus(); 947 } 948 }); 949 }); 950</script>
950 951 952 953<!-- Image to hack wechat --> 954<img src="/img/icon_wechat.png" width="0" height="0" /> 955<!-- Migrate from head to bottom, no longer block render and still work --> 956 957</body> 958 959</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.