1<!DOCTYPE HTML> 2<html lang="zh-CN"> 3 4 5<head><meta name="generator" content="Hexo 3.8.0"> 6 <meta charset="utf-8"> 7 <meta name="keywords" content="åç±», wenjing233çå°ç«"> 8 <meta name="description" content="åç±» | wenjing233çå°ç«"> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 10 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 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 <title>åç±» | wenjing233çå°ç«</title> 17 <link rel="icon" type="image/png" href="/medias/favicon.png"> 18 19 <link rel="stylesheet" type="text/css" href="/libs/awesome/css/font-awesome.min.css"> 20 <link rel="stylesheet" type="text/css" href="/libs/materialize/css/materialize.min.css"> 21 <link rel="stylesheet" type="text/css" href="/libs/aos/aos.css"> 22 <link rel="stylesheet" type="text/css" href="/libs/animate/animate.min.css"> 23 <link rel="stylesheet" type="text/css" href="/libs/lightGallery/css/lightgallery.min.css"> 24 <link rel="stylesheet" type="text/css" href="/css/matery.css"> 25 <link rel="stylesheet" type="text/css" href="/css/my.css"> 26 27
27<script src="/libs/jquery/jquery-2.2.0.min.js"></script>
27 28<link rel="stylesheet" href="/css/prism-tomorrow.css" type="text/css"></head> 29 30 31<body> 32 33<header class="navbar-fixed"> 34 <nav id="headNav" class="bg-color nav-transparent"> 35 <div id="navContainer" class="container"> 36 <div class="nav-wrapper"> 37 <div class="brand-logo"> 38 <a href="/" class="waves-effect waves-light"> 39 40 <img src="/medias/logo.png" class="logo-img hide-on-small-only"> 41 42 <span class="logo-span">wenjing233çå°ç«</span> 43 </a> 44 </div> 45 46 47<a href="#" data-activates="mobile-nav" class="button-collapse"><i class="fa fa-navicon"></i></a> 48<ul class="right"> 49 50 <li class="hide-on-med-and-down"> 51 <a href="/" class="waves-effect waves-light"> 52 53 <i class="fa fa-home"></i> 54 55 <span>é¦é¡µ</span> 56 </a> 57 </li> 58 59 <li class="hide-on-med-and-down"> 60 <a href="/tags" class="waves-effect waves-light"> 61 62 <i class="fa fa-tags"></i> 63 64 <span>æ ç¾</span> 65 </a> 66 </li> 67 68 <li class="hide-on-med-and-down"> 69 <a href="/categories" class="waves-effect waves-light"> 70 71 <i class="fa fa-bookmark"></i> 72 73 <span>åç±»</span> 74 </a> 75 </li> 76 77 <li class="hide-on-med-and-down"> 78 <a href="/archives" class="waves-effect waves-light"> 79 80 <i class="fa fa-archive"></i> 81 82 <span>å½æ¡£</span> 83 </a> 84 </li> 85 86 <li class="hide-on-med-and-down"> 87 <a href="/about" class="waves-effect waves-light"> 88 89 <i class="fa fa-user-circle-o"></i> 90 91 <span>å ³äº</span> 92 </a> 93 </li> 94 95 <li class="hide-on-med-and-down"> 96 <a href="/friends" class="waves-effect waves-light"> 97 98 <i class="fa fa-address-book"></i> 99 100 <span>åæ é¾æ¥</span> 101 </a> 102 </li> 103 104 <li> 105 <a id="toggleSearch" class="waves-effect waves-light"> 106 <i id="searchIcon" class="mdi-action-search" title="æç´¢"></i> 107 </a> 108 </li> 109 110</ul> 111 112<div class="side-nav" id="mobile-nav"> 113 114 <div class="mobile-head bg-color"> 115 116 <img src="/medias/logo.png" class="logo-img circle responsive-img"> 117 118 <div class="logo-name">wenjing233çå°ç«</div> 119 <div class="logo-desc"> 120 121 æè°è§æï¼å°±æ¯å¨é»æçèéä¸å¼è¾åºä¸æ¡çå½åè¿çå æ大é 122 123 </div> 124 </div> 125 126 127 128 <ul class="menu-list mobile-menu-list"> 129 130 <li> 131 <a href="/" class="waves-effect waves-light"> 132 133 <i class="fa fa-fw fa-home"></i> 134 135 é¦é¡µ 136 </a> 137 </li> 138 139 <li> 140 <a href="/tags" class="waves-effect waves-light"> 141 142 <i class="fa fa-fw fa-tags"></i> 143 144 æ ç¾ 145 </a> 146 </li> 147 148 <li> 149 <a href="/categories" class="waves-effect waves-light"> 150 151 <i class="fa fa-fw fa-bookmark"></i> 152 153 åç±» 154 </a> 155 </li> 156 157 <li> 158 <a href="/archives" class="waves-effect waves-light"> 159 160 <i class="fa fa-fw fa-archive"></i> 161 162 å½æ¡£ 163 </a> 164 </li> 165 166 <li> 167 <a href="/about" class="waves-effect waves-light"> 168 169 <i class="fa fa-fw fa-user-circle-o"></i> 170 171 å ³äº 172 </a> 173 </li> 174 175 <li> 176 <a href="/friends" class="waves-effect waves-light"> 177 178 <i class="fa fa-fw fa-address-book"></i> 179 180 åæ é¾æ¥ 181 </a> 182 </li> 183 184 185 <li><div class="divider"></div></li> 186 <li> 187 <a href="https://github.com/wenjing233/wenjing233.github.io" class="waves-effect waves-light" target="_blank"> 188 <i class="fa fa-github-square fa-fw"></i>Fork Me 189 </a> 190 </li> 191 192 </ul> 193 194 <div class="social-link"> 195 <a href="https://github.com/wenjing233" class="tooltipped" target="_blank" data-tooltip="访é®æçGitHub" data-position="top" data-delay="50"> 196 <i class="fa fa-github"></i> 197 </a> 198 199 200 201 <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="é®ä»¶èç³»æ" data-position="top" data-delay="50"> 202 <i class="fa fa-envelope-open"></i> 203 </a> 204 205 206 207 <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=2040553710" class="tooltipped" data-tooltip="QQèç³»æ: 2040553710" data-position="top" data-delay="50"> 208 <i class="fa fa-qq"></i> 209 </a> 210 211 212</div> 213</div> 214 215 </div> 216 </div> 217 218 219 <style> 220 .nav-transparent .github-corner { 221 display: none !important; 222 } 223 224 .github-corner { 225 position: absolute; 226 z-index: 10; 227 top: 0; 228 right: 0; 229 border: 0; 230 transform: scale(1.1); 231 } 232 233 .github-corner svg { 234 color: #003AFF; 235 fill: #fff; 236 height: 64px; 237 width: 64px; 238 } 239 240 .github-corner:hover .octo-arm { 241 animation: a 0.56s ease-in-out; 242 } 243 244 .github-corner .octo-arm { 245 animation: none; 246 } 247
248 @keyframes a { 249 0%, 250 to { 251 transform: rotate(0); 252 } 253 20%, 254 60% { 255 transform: rotate(-25deg); 256 } 257 40%, 258 80% { 259 transform: rotate(10deg); 260 } 261 } 262</style> 263 264<a href="https://github.com/wenjing233/wenjing233.github.io" class="github-corner tooltipped hide-on-med-and-down" target="_blank" data-tooltip="Fork Me" data-position="left" data-delay="50"> 265 <svg viewbox="0 0 250 250" aria-hidden="true"> 266 <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"/> 267 <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" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"/> 268 <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" fill="currentColor" class="octo-body"/> 269 </svg> 270</a> 271 272 </nav> 273</header> 274 275<div class="bg-cover about-cover" style="background-image: url('/medias/cover.jpg')"> 276 <div class="container"> 277 <div class="row"> 278 <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2"> 279 <div class="brand"> 280 <div class="title center-align"> 281 282 MY BLOG 283 284 </div> 285 286 <div class="description center-align"> 287 288 æè°è§æï¼å°±æ¯å¨é»æçèéä¸å¼è¾åºä¸æ¡çå½åè¿çå æ大é 289 290 </div> 291 </div> 292 </div> 293 </div> 294 295 </div> 296</div> 297
298<script> 299// Dynamically switch banner pictures every day. 300$('.bg-cover').css('background-image', 'url(/medias/banner/' + new Date().getDay() + '.jpg)'); 301</script>
301 302 303<main class="content"> 304 305 306 307<div id="category-cloud" class="container chip-container"> 308 <div class="card"> 309 <div class="card-content"> 310 <div class="tag-title center-align"> 311 <i class="fa fa-bookmark"></i> æç« åç±» 312 </div> 313 <div class="tag-chips"> 314 315 316 317 <a href="/categories/模æèµæ»ç»/" title="模æèµæ»ç»: 8"> 318 <span class="chip center-align waves-effect waves-light 319 chip-default " style="background-color: #F9EBEA;">模æèµæ»ç» 320 <span class="tag-length">8</span> 321 </span> 322 </a> 323 324 325 <a href="/categories/ç活记å½/" title="ç活记å½: 2"> 326 <span class="chip center-align waves-effect waves-light 327 chip-default " style="background-color: #F5EEF8;">çæ´»è®°å½ 328 <span class="tag-length">2</span> 329 </span> 330 </a> 331 332 333 <a href="/categories/å¦ä¹ ç¬è®°/" title="å¦ä¹ ç¬è®°: 4"> 334 <span class="chip center-align waves-effect waves-light 335 chip-default " style="background-color: #D5F5E3;">å¦ä¹ ç¬è®° 336 <span class="tag-length">4</span> 337 </span> 338 </a> 339 340 341 <a href="/categories/é¢è§£/" title="é¢è§£: 11"> 342 <span class="chip center-align waves-effect waves-light 343 chip-default " style="background-color: #E8F8F5;">é¢è§£ 344 <span class="tag-length">11</span> 345 </span> 346 </a> 347 348 349 <a href="/categories/æ äº/" title="æ äº: 1"> 350 <span class="chip center-align waves-effect waves-light 351 chip-default " style="background-color: #FEF9E7;">æ äº 352 <span class="tag-length">1</span> 353 </span> 354 </a> 355 356 357 </div> 358 </div> 359 </div> 360</div> 361 362 363 <style type="text/css"> 364 #category-radar { 365 width: 100%; 366 height: 360px; 367 } 368</style> 369 370<div class="container" data-aos="fade-up"> 371 <div class="card"> 372 <div id="category-radar" class="card-content"></div> 373 </div> 374</div> 375
376<script type="text/javascript" src="/libs/echarts/echarts.min.js"></script>
vendor: 1 bytes, line 376
376
377<script type="text/javascript"> 378 let radarChart = echarts.init(document.getElementById('category-radar')); 379 380 381 382 let option = { 383 title: { 384 left: 'center', 385 text: 'æç« åç±»é·è¾¾å¾', 386 textStyle: { 387 fontWeight: 500, 388 fontSize: 22 389 } 390 }, 391 tooltip: {}, 392 radar: { 393 name: { 394 textStyle: { 395 color: '#3C4858' 396 } 397 }, 398 indicator: [{"name":"模æèµæ»ç»","max":12},{"name":"ç活记å½","max":12},{"name":"å¦ä¹ ç¬è®°","max":12},{"name":"é¢è§£","max":12},{"name":"æ äº","max":12}], 399 nameGap: 5, 400 center: ['50%','55%'], 401 radius: '66%' 402 }, 403 series: [{ 404 type: 'radar', 405 color: ['#3ecf8e'], 406 itemStyle: {normal: {areaStyle: {type: 'default'}}}, 407 data : [ 408 { 409 value : [8,2,4,11,1], 410 name : 'æç« åç±»æ°é' 411 } 412 ] 413 }] 414 }; 415 416 radarChart.setOption(option); 417</script>
417 418 419 420</main> 421 422<footer class="page-footer bg-color"> 423 <div class="container row center-align"> 424 <div class="col s12 m8 l8 copy-right"> 425 æ¬ç«ç±©<a href="https://blinkfox.github.io/" target="_blank">Blinkfox</a>åºäº 426 <a href="https://hexo.io/" target="_blank">Hexo</a> ç 427 <a href="https://github.com/blinkfox/hexo-theme-matery" target="_blank">hexo-theme-matery</a>主é¢æ建. 428 429 430 <i class="fa fa-area-chart"></i> ç«ç¹æ»åæ°: 431 <span class="white-color">30k</span> 432 433 434 435 436 <br> 437 438 <span id="busuanzi_container_site_pv"> 439 <i class="fa fa-heart-o"></i> 440 æ¬ç«æ»è®¿é®é <span id="busuanzi_value_site_pv" class="white-color"></span> 441 </span> 442 443 444 <span id="busuanzi_container_site_uv"> 445 <i class="fa fa-users"></i> 446 次, è®¿å®¢æ° <span id="busuanzi_value_site_uv" class="white-color"></span> 人. 447 </span> 448 449 450 </div> 451 <div class="col s12 m4 l4 social-link social-statis"> 452 <a href="https://github.com/wenjing233" class="tooltipped" target="_blank" data-tooltip="访é®æçGitHub" data-position="top" data-delay="50"> 453 <i class="fa fa-github"></i> 454 </a> 455 456 457 458 <a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="é®ä»¶èç³»æ" data-position="top" data-delay="50"> 459 <i class="fa fa-envelope-open"></i> 460 </a> 461 462 463 464 <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=2040553710" class="tooltipped" data-tooltip="QQèç³»æ: 2040553710" data-position="top" data-delay="50"> 465 <i class="fa fa-qq"></i> 466 </a> 467 468 469</div> 470 </div> 471</footer> 472 473<div class="progress-bar"></div> 474 475 476<!-- æç´¢é®ç½©æ¡ --> 477<div id="searchModal" class="modal"> 478 <div class="modal-content"> 479 <div class="search-header"> 480 <span class="title"><i class="fa fa-search"></i> æç´¢</span> 481 <input type="search" id="searchInput" name="s" placeholder="请è¾å ¥æç´¢çå ³é®å" class="search-input" autofocus> 482 </div> 483 <div id="searchResult"></div> 484 </div> 485</div> 486
487<script src="/js/search.js"></script>
vendor: 1 bytes, line 487
487
488<script type="text/javascript"> 489 searchFunc("/" + "search.xml", 'searchInput', 'searchResult'); 490</script>
490 491<!-- åå°é¡¶é¨æé® --> 492<div id="backTop" class="top-scroll"> 493 <a class="btn-floating btn-large waves-effect waves-light" href="#!"> 494 <i class="fa fa-angle-up"></i> 495 </a> 496</div> 497 498
499<script src="/libs/materialize/js/materialize.min.js"></script>
vendor: 1 bytes, line 499
499
500<script src="/libs/masonry/masonry.pkgd.min.js"></script>
vendor: 1 bytes, line 500
500
501<script src="/libs/aos/aos.js"></script>
vendor: 1 bytes, line 501
501
502<script src="/libs/scrollprogress/scrollProgress.min.js"></script>
vendor: 1 bytes, line 502
502
503<script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
vendor: 1 bytes, line 503
503
504<script src="/js/matery.js"></script>
504 505 506<!-- Global site tag (gtag.js) - Google Analytics --> 507 508 509 510 511
511<script async src="/libs/others/busuanzi.pure.mini.js"></script>
511 512 513 514</body> 515</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.