├── README.md ├── 一期博客园样式 ├── APlayer.min.css ├── APlayer.min.js ├── Meting.min.js ├── OwO.min.css ├── OwO.min.js ├── README.md ├── animate.min.css ├── cute-cnblogs.css ├── cute-cnblogs.js ├── fish.js ├── monitoring.js ├── mouse-click.js ├── simpleMemory.min.js ├── siyuan.css ├── star.js └── three.min.js ├── 二期博客园样式 ├── OwO.min.css ├── OwO.min.js ├── README.md ├── animate.min.css ├── canvas2.js ├── cute-cnblogs2.css ├── cute-cnblogs2.js ├── cute-cnblogs3.js ├── font_1825850_klax1ao4o6.js ├── icon │ ├── demo.css │ ├── icon.html │ ├── iconfont.css │ └── iconfont.js ├── jquery2.min.js ├── milusidebar.js ├── monitoring2.js ├── popper.min.js ├── star.js ├── three.min.js ├── tippy.js └── tippy.min.css └── 番外自定义篇 └── README.md /README.md: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | # cute-cnblogs 6 | 7 |
8 | 9 | >**说明**
10 | >“我经常有那种感觉，如果这个事情来了，你却没有勇敢地去解决掉，它一定会再来。生活真是这样，它会一次次地让你去做这个功课直到你学会为止。” —— 《像我这样笨拙地生活》
11 | > 博客园样式一直是我想改的，之前使用过别人写好的样式模版，加了很多东西，可惜有一天全丢失了，博客园帮忙找回来了一部分，但是不全面，基本相当于废了，于是决定重头再来，自己写一套样式。[麋鹿鲁哟的博客园](https://www.cnblogs.com/miluluyo/)
12 | > 二期样式已经编写完毕了，如果说 [一期样式](https://www.cnblogs.com/IsAlpaca/) 给人的感觉是简洁清爽的小婴儿的话，那么 [二期样式](https://www.cnblogs.com/miluluyo/) 就是一个有自己小个性（花样）的小朋友了~
13 | > 需要文件的可以来 [github](https://github.com/miluluyo/cute-cnblogs/) ，喜欢我写的样式可以帮我点个 star 喔 ღゝ◡╹)ノ♡
14 | > 好了，废话不多说，开始~
15 | 16 | ## 博客示例 17 | 18 | ღゝ◡╹)ノ♡ [麋鹿鲁哟的博客园](https://www.cnblogs.com/miluluyo/) 19 | 20 | ## 介绍 21 | 22 | 可爱的博客园样式美化、自定义博客园样式 ღゝ◡╹)ノ♡ 23 | 博客园已更新到二期 24 | 25 | ## [一期博客园框架样式](https://github.com/miluluyo/cute-cnblogs/tree/master/%E4%B8%80%E6%9C%9F%E5%8D%9A%E5%AE%A2%E5%9B%AD%E6%A0%B7%E5%BC%8F) 26 | ![Image text](https://raw.githubusercontent.com/miluluyo/photo_gallery/master/cute-cnblogs.jpg) 27 | 28 | ## [二期博客园框架样式](https://github.com/miluluyo/cute-cnblogs/tree/master/%E4%BA%8C%E6%9C%9F%E5%8D%9A%E5%AE%A2%E5%9B%AD%E6%A0%B7%E5%BC%8F) 29 | ![Image text](https://images.cnblogs.com/cnblogs_com/miluluyo/1765646/o_200617103910bg.png) 30 | 31 | ## 最后 32 | 33 | > 34 | > 为了响应大家的号召，方便大家技术交流，之前建立了一个微信群，如果大家有需要可以关注公众号，发送“加群”即可～本群是一个纯交流学习工作的群，不准发布广告、营销相关的信息！ 35 | > 36 | > 37 | >
38 | >

公众号：麋鹿鲁哟

39 | >
40 | > 41 | > 42 | -------------------------------------------------------------------------------- /一期博客园样式/APlayer.min.css: -------------------------------------------------------------------------------- 1 | .aplayer { 2 | background: #fff; 3 | font-family: Arial, Helvetica, sans-serif; 4 | margin: 5px; 5 | box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07), 0 1px 5px 0 rgba(0, 0, 0, .1); 6 | border-radius: 2px; 7 | overflow: hidden; 8 | -webkit-user-select: none; 9 | -moz-user-select: none; 10 | -ms-user-select: none; 11 | user-select: none; 12 | line-height: normal; 13 | position: relative 14 | } 15 | 16 | .aplayer * { 17 | box-sizing: content-box 18 | } 19 | 20 | .aplayer svg { 21 | width: 100%; 22 | height: 100% 23 | } 24 | 25 | .aplayer svg circle, .aplayer svg path { 26 | fill: #fff 27 | } 28 | 29 | .aplayer.aplayer-withlist .aplayer-info { 30 | border-bottom: 1px solid #e9e9e9 31 | } 32 | 33 | .aplayer.aplayer-withlist .aplayer-list { 34 | display: block 35 | } 36 | 37 | .aplayer.aplayer-withlist .aplayer-icon-order, .aplayer.aplayer-withlist .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu { 38 | display: inline 39 | } 40 | 41 | .aplayer.aplayer-withlrc .aplayer-pic { 42 | height: 90px; 43 | width: 90px 44 | } 45 | 46 | .aplayer.aplayer-withlrc .aplayer-info { 47 | margin-left: 90px; 48 | height: 90px; 49 | padding: 10px 7px 0 50 | } 51 | 52 | .aplayer.aplayer-withlrc .aplayer-lrc { 53 | display: block 54 | } 55 | 56 | .aplayer.aplayer-narrow { 57 | width: 66px 58 | } 59 | 60 | .aplayer.aplayer-narrow .aplayer-info, .aplayer.aplayer-narrow .aplayer-list { 61 | display: none 62 | } 63 | 64 | .aplayer.aplayer-narrow .aplayer-body, .aplayer.aplayer-narrow .aplayer-pic { 65 | height: 66px; 66 | width: 66px 67 | } 68 | 69 | .aplayer.aplayer-fixed { 70 | position: fixed; 71 | bottom: 0; 72 | left: 0; 73 | right: 0; 74 | margin: 0; 75 | z-index: 99; 76 | overflow: visible; 77 | max-width: 400px; 78 | box-shadow: none 79 | } 80 | 81 | .aplayer.aplayer-fixed .aplayer-list { 82 | margin-bottom: 65px; 83 | border: 1px solid #eee; 84 | border-bottom: none 85 | } 86 | 87 | .aplayer.aplayer-fixed .aplayer-body { 88 | position: fixed; 89 | bottom: 0; 90 | left: 0; 91 | right: 0; 92 | margin: 0; 93 | z-index: 99; 94 | background: #fff; 95 | padding-right: 18px; 96 | transition: all .3s ease; 97 | max-width: 400px 98 | } 99 | 100 | .aplayer.aplayer-fixed .aplayer-lrc { 101 | display: block; 102 | position: fixed; 103 | bottom: 10px; 104 | left: 0; 105 | right: 0; 106 | margin: 0; 107 | z-index: 98; 108 | pointer-events: none; 109 | text-shadow: 0 0 1px #fff, 0 0 10px #fff 110 | } 111 | 112 | .aplayer.aplayer-fixed .aplayer-lrc:after, .aplayer.aplayer-fixed .aplayer-lrc:before { 113 | display: none 114 | } 115 | 116 | .aplayer.aplayer-fixed .aplayer-info { 117 | -webkit-transform: scaleX(1); 118 | transform: scaleX(1); 119 | -webkit-transform-origin: 0 0; 120 | transform-origin: 0 0; 121 | transition: all .3s ease; 122 | border-bottom: none; 123 | border-top: 1px solid #e9e9e9 124 | } 125 | 126 | .aplayer.aplayer-fixed .aplayer-info .aplayer-music { 127 | width: calc(100% - 105px) 128 | } 129 | 130 | .aplayer.aplayer-fixed .aplayer-miniswitcher { 131 | display: block 132 | } 133 | 134 | .aplayer.aplayer-fixed.aplayer-narrow .aplayer-info { 135 | display: block; 136 | -webkit-transform: scaleX(0); 137 | transform: scaleX(0) 138 | } 139 | 140 | .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body { 141 | width: 66px !important 142 | } 143 | 144 | .aplayer.aplayer-fixed.aplayer-narrow .aplayer-miniswitcher .aplayer-icon { 145 | -webkit-transform: rotateY(0); 146 | transform: rotateY(0) 147 | } 148 | 149 | .aplayer.aplayer-fixed .aplayer-icon-back, .aplayer.aplayer-fixed .aplayer-icon-forward, .aplayer.aplayer-fixed .aplayer-icon-lrc, .aplayer.aplayer-fixed .aplayer-icon-play { 150 | display: inline-block 151 | } 152 | 153 | .aplayer.aplayer-fixed .aplayer-icon-back, .aplayer.aplayer-fixed .aplayer-icon-forward, .aplayer.aplayer-fixed .aplayer-icon-menu, .aplayer.aplayer-fixed .aplayer-icon-play { 154 | position: absolute; 155 | bottom: 27px; 156 | width: 20px; 157 | height: 20px 158 | } 159 | 160 | .aplayer.aplayer-fixed .aplayer-icon-back { 161 | right: 75px 162 | } 163 | 164 | .aplayer.aplayer-fixed .aplayer-icon-play { 165 | right: 50px 166 | } 167 | 168 | .aplayer.aplayer-fixed .aplayer-icon-forward { 169 | right: 25px 170 | } 171 | 172 | .aplayer.aplayer-fixed .aplayer-icon-menu { 173 | right: 0 174 | } 175 | 176 | .aplayer.aplayer-arrow .aplayer-icon-loop, .aplayer.aplayer-arrow .aplayer-icon-order, .aplayer.aplayer-mobile .aplayer-icon-volume-down { 177 | display: none 178 | } 179 | 180 | .aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-loading-icon { 181 | display: block 182 | } 183 | 184 | .aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb { 185 | -webkit-transform: scale(1); 186 | transform: scale(1) 187 | } 188 | 189 | .aplayer .aplayer-body { 190 | position: relative 191 | } 192 | 193 | .aplayer .aplayer-icon { 194 | width: 15px; 195 | height: 15px; 196 | border: none; 197 | background-color: transparent; 198 | outline: none; 199 | cursor: pointer; 200 | opacity: .8; 201 | vertical-align: middle; 202 | padding: 0; 203 | font-size: 12px; 204 | margin: 0; 205 | display: inline-block 206 | } 207 | 208 | .aplayer .aplayer-icon path { 209 | transition: all .2s ease-in-out 210 | } 211 | 212 | .aplayer .aplayer-icon-back, .aplayer .aplayer-icon-forward, .aplayer .aplayer-icon-lrc, .aplayer .aplayer-icon-order, .aplayer .aplayer-icon-play { 213 | display: none 214 | } 215 | 216 | .aplayer .aplayer-icon-lrc-inactivity svg { 217 | opacity: .4 218 | } 219 | 220 | .aplayer .aplayer-icon-forward { 221 | -webkit-transform: rotate(180deg); 222 | transform: rotate(180deg) 223 | } 224 | 225 | .aplayer .aplayer-lrc-content { 226 | display: none 227 | } 228 | 229 | .aplayer .aplayer-pic { 230 | position: relative; 231 | float: left; 232 | height: 66px; 233 | width: 66px; 234 | background-size: cover; 235 | background-position: 50%; 236 | transition: all .3s ease; 237 | cursor: pointer 238 | } 239 | 240 | .aplayer .aplayer-pic:hover .aplayer-button { 241 | opacity: 1 242 | } 243 | 244 | .aplayer .aplayer-pic .aplayer-button { 245 | position: absolute; 246 | border-radius: 50%; 247 | opacity: .8; 248 | text-shadow: 0 1px 1px rgba(0, 0, 0, .2); 249 | box-shadow: 0 1px 1px rgba(0, 0, 0, .2); 250 | background: rgba(0, 0, 0, .2); 251 | transition: all .1s ease 252 | } 253 | 254 | .aplayer .aplayer-pic .aplayer-button path { 255 | fill: #fff 256 | } 257 | 258 | .aplayer .aplayer-pic .aplayer-hide { 259 | display: none 260 | } 261 | 262 | .aplayer .aplayer-pic .aplayer-play { 263 | width: 26px; 264 | height: 26px; 265 | border: 2px solid #fff; 266 | bottom: 50%; 267 | right: 50%; 268 | margin: 0 -15px -15px 0 269 | } 270 | 271 | .aplayer .aplayer-pic .aplayer-play svg { 272 | position: absolute; 273 | top: 3px; 274 | left: 4px; 275 | height: 20px; 276 | width: 20px 277 | } 278 | 279 | .aplayer .aplayer-pic .aplayer-pause { 280 | width: 16px; 281 | height: 16px; 282 | border: 2px solid #fff; 283 | bottom: 4px; 284 | right: 4px 285 | } 286 | 287 | .aplayer .aplayer-pic .aplayer-pause svg { 288 | position: absolute; 289 | top: 2px; 290 | left: 2px; 291 | height: 12px; 292 | width: 12px 293 | } 294 | 295 | .aplayer .aplayer-info { 296 | margin-left: 66px; 297 | padding: 14px 7px 0 10px; 298 | height: 66px; 299 | box-sizing: border-box 300 | } 301 | 302 | .aplayer .aplayer-info .aplayer-music { 303 | overflow: hidden; 304 | white-space: nowrap; 305 | text-overflow: ellipsis; 306 | margin: 0 0 13px 5px; 307 | -webkit-user-select: text; 308 | -moz-user-select: text; 309 | -ms-user-select: text; 310 | user-select: text; 311 | cursor: default; 312 | padding-bottom: 2px 313 | } 314 | 315 | .aplayer .aplayer-info .aplayer-music .aplayer-title { 316 | font-size: 14px 317 | } 318 | 319 | .aplayer .aplayer-info .aplayer-music .aplayer-author { 320 | font-size: 12px; 321 | color: #666 322 | } 323 | 324 | .aplayer .aplayer-info .aplayer-controller { 325 | position: relative; 326 | display: flex 327 | } 328 | 329 | .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap { 330 | margin: 0 0 0 5px; 331 | padding: 4px 0; 332 | cursor: pointer !important; 333 | flex: 1 334 | } 335 | 336 | .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar .aplayer-played .aplayer-thumb { 337 | -webkit-transform: scale(1); 338 | transform: scale(1) 339 | } 340 | 341 | .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar { 342 | position: relative; 343 | height: 2px; 344 | width: 100%; 345 | background: #cdcdcd 346 | } 347 | 348 | .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded { 349 | position: absolute; 350 | left: 0; 351 | top: 0; 352 | bottom: 0; 353 | background: #aaa; 354 | height: 2px; 355 | transition: all .5s ease 356 | } 357 | 358 | .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played { 359 | position: absolute; 360 | left: 0; 361 | top: 0; 362 | bottom: 0; 363 | height: 2px 364 | } 365 | 366 | .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb { 367 | position: absolute; 368 | top: 0; 369 | right: 5px; 370 | margin-top: -4px; 371 | margin-right: -10px; 372 | height: 10px; 373 | width: 10px; 374 | border-radius: 50%; 375 | cursor: pointer; 376 | transition: all .3s ease-in-out; 377 | -webkit-transform: scale(0); 378 | transform: scale(0) 379 | } 380 | 381 | .aplayer .aplayer-info .aplayer-controller .aplayer-time { 382 | position: relative; 383 | right: 0; 384 | bottom: 4px; 385 | height: 17px; 386 | color: #999; 387 | font-size: 11px; 388 | padding-left: 7px 389 | } 390 | 391 | .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner { 392 | vertical-align: middle 393 | } 394 | 395 | .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon { 396 | cursor: pointer; 397 | transition: all .2s ease 398 | } 399 | 400 | .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path { 401 | fill: #666 402 | } 403 | 404 | .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop { 405 | margin-right: 2px 406 | } 407 | 408 | .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path { 409 | fill: #000 410 | } 411 | 412 | .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu, .aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu, .aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode { 413 | display: none 414 | } 415 | 416 | .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap { 417 | position: relative; 418 | display: inline-block; 419 | margin-left: 3px; 420 | cursor: pointer !important 421 | } 422 | 423 | .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap { 424 | height: 40px 425 | } 426 | 427 | .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap { 428 | position: absolute; 429 | bottom: 15px; 430 | right: -3px; 431 | width: 25px; 432 | height: 0; 433 | z-index: 99; 434 | overflow: hidden; 435 | transition: all .2s ease-in-out 436 | } 437 | 438 | .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap.aplayer-volume-bar-wrap-active { 439 | height: 40px 440 | } 441 | 442 | .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar { 443 | position: absolute; 444 | bottom: 0; 445 | right: 10px; 446 | width: 5px; 447 | height: 35px; 448 | background: #aaa; 449 | border-radius: 2.5px; 450 | overflow: hidden 451 | } 452 | 453 | .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume { 454 | position: absolute; 455 | bottom: 0; 456 | right: 0; 457 | width: 5px; 458 | transition: all .1s ease 459 | } 460 | 461 | .aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon { 462 | display: none 463 | } 464 | 465 | .aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon svg { 466 | position: absolute; 467 | -webkit-animation: rotate 1s linear infinite; 468 | animation: rotate 1s linear infinite 469 | } 470 | 471 | .aplayer .aplayer-lrc { 472 | display: none; 473 | position: relative; 474 | height: 30px; 475 | text-align: center; 476 | overflow: hidden; 477 | margin: -10px 0 7px 478 | } 479 | 480 | .aplayer .aplayer-lrc:before { 481 | top: 0; 482 | height: 10%; 483 | background: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0)); 484 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=0) 485 | } 486 | 487 | .aplayer .aplayer-lrc:after, .aplayer .aplayer-lrc:before { 488 | position: absolute; 489 | z-index: 1; 490 | display: block; 491 | overflow: hidden; 492 | width: 100%; 493 | content: " " 494 | } 495 | 496 | .aplayer .aplayer-lrc:after { 497 | bottom: 0; 498 | height: 33%; 499 | background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .8)); 500 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ccffffff", GradientType=0) 501 | } 502 | 503 | .aplayer .aplayer-lrc p { 504 | font-size: 12px; 505 | color: #666; 506 | line-height: 16px !important; 507 | height: 16px !important; 508 | padding: 0 !important; 509 | margin: 0 !important; 510 | transition: all .5s ease-out; 511 | opacity: .4; 512 | overflow: hidden 513 | } 514 | 515 | .aplayer .aplayer-lrc p.aplayer-lrc-current { 516 | opacity: 1; 517 | overflow: visible; 518 | height: auto !important; 519 | min-height: 16px 520 | } 521 | 522 | .aplayer .aplayer-lrc.aplayer-lrc-hide { 523 | display: none 524 | } 525 | 526 | .aplayer .aplayer-lrc .aplayer-lrc-contents { 527 | width: 100%; 528 | transition: all .5s ease-out; 529 | -webkit-user-select: text; 530 | -moz-user-select: text; 531 | -ms-user-select: text; 532 | user-select: text; 533 | cursor: default 534 | } 535 | 536 | .aplayer .aplayer-list { 537 | overflow: auto; 538 | transition: all .5s ease; 539 | will-change: height; 540 | display: none; 541 | overflow: hidden 542 | } 543 | 544 | .aplayer .aplayer-list.aplayer-list-hide { 545 | max-height: 0 !important 546 | } 547 | 548 | .aplayer .aplayer-list ol { 549 | list-style-type: none; 550 | margin: 0; 551 | padding: 0; 552 | overflow-y: auto 553 | } 554 | 555 | .aplayer .aplayer-list ol::-webkit-scrollbar { 556 | width: 5px 557 | } 558 | 559 | .aplayer .aplayer-list ol::-webkit-scrollbar-thumb { 560 | border-radius: 3px; 561 | background-color: #eee 562 | } 563 | 564 | .aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover { 565 | background-color: #ccc 566 | } 567 | 568 | .aplayer .aplayer-list ol li { 569 | position: relative; 570 | height: 32px; 571 | line-height: 32px; 572 | padding: 0 15px; 573 | font-size: 12px; 574 | border-top: 1px solid #e9e9e9; 575 | cursor: pointer; 576 | transition: all .2s ease; 577 | overflow: hidden; 578 | margin: 0 579 | } 580 | 581 | .aplayer .aplayer-list ol li:first-child { 582 | border-top: none 583 | } 584 | 585 | .aplayer .aplayer-list ol li:hover { 586 | background: #efefef 587 | } 588 | 589 | .aplayer .aplayer-list ol li.aplayer-list-light { 590 | background: #e9e9e9 591 | } 592 | 593 | .aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur { 594 | display: inline-block 595 | } 596 | 597 | .aplayer .aplayer-list ol li .aplayer-list-cur { 598 | display: none; 599 | width: 3px; 600 | height: 22px; 601 | position: absolute; 602 | left: 0; 603 | top: 5px; 604 | cursor: pointer 605 | } 606 | 607 | .aplayer .aplayer-list ol li .aplayer-list-index { 608 | color: #666; 609 | margin-right: 12px; 610 | cursor: pointer 611 | } 612 | 613 | .aplayer .aplayer-list ol li .aplayer-list-author { 614 | color: #666; 615 | float: right; 616 | cursor: pointer 617 | } 618 | 619 | .aplayer .aplayer-notice { 620 | opacity: 0; 621 | position: absolute; 622 | top: 50%; 623 | left: 50%; 624 | -webkit-transform: translate(-50%, -50%); 625 | transform: translate(-50%, -50%); 626 | font-size: 12px; 627 | border-radius: 4px; 628 | padding: 5px 10px; 629 | transition: all .3s ease-in-out; 630 | overflow: hidden; 631 | color: #fff; 632 | pointer-events: none; 633 | background-color: #f4f4f5; 634 | color: #909399 635 | } 636 | 637 | .aplayer .aplayer-miniswitcher { 638 | display: none; 639 | position: absolute; 640 | top: 0; 641 | right: 0; 642 | bottom: 0; 643 | height: 100%; 644 | background: #e6e6e6; 645 | width: 18px; 646 | border-radius: 0 2px 2px 0 647 | } 648 | 649 | .aplayer .aplayer-miniswitcher .aplayer-icon { 650 | height: 100%; 651 | width: 100%; 652 | -webkit-transform: rotateY(180deg); 653 | transform: rotateY(180deg); 654 | transition: all .3s ease 655 | } 656 | 657 | .aplayer .aplayer-miniswitcher .aplayer-icon path { 658 | fill: #666 659 | } 660 | 661 | .aplayer .aplayer-miniswitcher .aplayer-icon:hover path { 662 | fill: #000 663 | } 664 | 665 | @-webkit-keyframes aplayer-roll { 666 | 0% { 667 | left: 0 668 | } 669 | to { 670 | left: -100% 671 | } 672 | } 673 | 674 | @keyframes aplayer-roll { 675 | 0% { 676 | left: 0 677 | } 678 | to { 679 | left: -100% 680 | } 681 | } 682 | 683 | @-webkit-keyframes rotate { 684 | 0% { 685 | -webkit-transform: rotate(0); 686 | transform: rotate(0) 687 | } 688 | to { 689 | -webkit-transform: rotate(1turn); 690 | transform: rotate(1turn) 691 | } 692 | } 693 | 694 | @keyframes rotate { 695 | 0% { 696 | -webkit-transform: rotate(0); 697 | transform: rotate(0) 698 | } 699 | to { 700 | -webkit-transform: rotate(1turn); 701 | transform: rotate(1turn) 702 | } 703 | } 704 | 705 | /*# sourceMappingURL=APlayer.min.css.map*/ -------------------------------------------------------------------------------- /一期博客园样式/Meting.min.js: -------------------------------------------------------------------------------- 1 | 'use strict';var aplayers=[],loadMeting=function(){function a(a,b){var c={container:a,audio:b,mini:null,fixed:null,autoplay:!1,mutex:!0,lrcType:3,listFolded:!1,preload:'auto',theme:'#2980b9',loop:'all',order:'list',volume:null,listMaxHeight:null,customAudioType:null,storageName:'metingjs'};if(b.length){b[0].lrc||(c.lrcType=0);var d={};for(var e in c){var f=e.toLowerCase();(a.dataset.hasOwnProperty(f)||a.dataset.hasOwnProperty(e)||null!==c[e])&&(d[e]=a.dataset[f]||a.dataset[e]||c[e],('true'===d[e]||'false'===d[e])&&(d[e]='true'==d[e]))}aplayers.push(new APlayer(d))}}var b='https://api.i-meto.com/meting/api?server=:server&type=:type&id=:id&r=:r';'undefined'!=typeof meting_api&&(b=meting_api);for(var f=0;fh.status||304===h.status)){var b=JSON.parse(h.responseText);a(d,b)}},h.open('get',g,!0),h.send(null)}else if(d.dataset.url){var i=[{name:d.dataset.name||d.dataset.title||'Audio name',artist:d.dataset.artist||d.dataset.author||'Audio artist',url:d.dataset.url,cover:d.dataset.cover||d.dataset.pic,lrc:d.dataset.lrc,type:d.dataset.type||'auto'}];a(d,i)}},e=0;e=200&&i.status<300||304===i.status?(a.odata=JSON.parse(i.responseText),a.init(t)): 8 | console.log("OwO data request was unsuccessful: "+i.status))},i.open("get",t.api,!0),i.send(null)} 9 | return _createClass(e,[{key:"init",value:function(e){var t=this;this.area=e.target,this.packages=Object.keys(this.odata); 10 | for(var a='\n \n
',s=0;s'; 12 | for(var n=this.odata[this.packages[s]].container,i=0;i'+n[i].icon+""+n[i].write+""; 14 | a+="\n "}a+='\n
\n
    '; 15 | for(var o=0;o"+this.packages[o]+""; 16 | a+="\n
\n
\n
\n ",this.container.innerHTML=a,this.logo=this.container.getElementsByClassName("OwO-logo")[0],this.logo.addEventListener("click",function(){t.toggle();}),this.container.getElementsByClassName("OwO-body")[0].addEventListener("click",function(e){ 17 | var a=null; 18 | if(e.target.classList.contains("OwO-item")?a=e.target:e.target.parentNode.classList.contains("OwO-item")&&(a=e.target.parentNode),a){ 19 | var s=t.area.selectionEnd,n=t.area.value; 20 | var num = a.children[0].innerHTML 21 | if(num == ""){ 22 | num = a.children[1].innerHTML 23 | } 24 | t.area.value=n.slice(0,s)+num+n.slice(s),t.area.focus(),t.toggle(); 25 | 26 | //console.log(n.slice(0,s)+a.innerHTML+n.slice(s)) 27 | } 28 | }),this.packagesEle=this.container.getElementsByClassName("OwO-packages")[0]; 29 | 30 | for(var c=function(e){!function(a){ 31 | t.packagesEle.children[e].addEventListener("click",function(){ 32 | t.tab(a);} 33 | )}(e)},l=0;l 4 | 5 | # cute-cnblogs 6 | 7 | 8 | 9 | >**说明**
10 | >“我经常有那种感觉，如果这个事情来了，你却没有勇敢地去解决掉，它一定会再来。生活真是这样，它会一次次地让你去做这个功课直到你学会为止。” —— 《像我这样笨拙地生活》
11 | > 博客园样式一直是我想改的，之前使用过别人写好的样式模版，加了很多东西，可惜有一天全丢失了，博客园帮忙找回来了一部分，但是不全面，基本相当于废了，于是决定重头再来，自己写一套样式。[麋鹿鲁哟的博客园](https://www.cnblogs.com/miluluyo/)
12 | > 需要文件的可以来 [github](https://github.com/miluluyo/cute-cnblogs/) ，喜欢我写的样式可以帮我点个 star 喔 ღゝ◡╹)ノ♡
13 | > 好了，废话不多说，开始~
14 | 15 | ## 博客示例 16 | 17 | ღゝ◡╹)ノ♡ [麋鹿鲁哟的博客园](https://www.cnblogs.com/miluluyo/) 18 | 19 | ## 介绍 20 | 21 | 可爱的博客园样式美化、自定义博客园样式 ღゝ◡╹)ノ♡ 22 | 23 | * :book: 本样式以简约可爱为核心，美化博客园的显示效果，增加自定义导航； 24 | * :shaved_ice: 基于博客园主题“SimpleMemory”进行的样式修改； 25 | * :strawberry: 支持响应式； 26 | 27 | ![Image text](https://raw.githubusercontent.com/miluluyo/photo_gallery/master/cute-cnblogs.jpg) 28 | 29 | ## 功能 30 | 31 | * :apple: 导航点点动效随鼠标而动 32 | * :tangerine: 导航栏自定义 33 | * :cherries: 页面诗意诗句模块 34 | * :banana: 看板娘-猫(ฅ´ω`ฅ) 35 | * :peach: 音乐-网易云 36 | * :pineapple: 上吊的猫（PS：回到顶部） 37 | * :watermelon: 底部跳动的鱼<・)))><< 38 | * :grapes: 点击页面跳动的小豆子及可爱的文字 39 | * :lemon: 评论增加OωO聊天表情 40 | * :tomato: 页面不同的导航背景及人物背景 41 | * :pear: github跳转小三角 42 | 43 | ## 使用方法 44 | 45 | * 首先记得申请JS权限 46 | * 其次博客皮肤选择 SimpleMemor 47 | * 勾选禁用模板默认CSS 48 | 49 |
50 | 51 | * 创建一个新随笔（这里使用选项中的TinyMCE(推荐)来编写的） —— “友链”； 52 | * 点击 “编辑 HTML 源代码” 插入以下代码，点击更新； 53 | * 只勾选 高级选项中的 “发布”、“允许评论”; 54 | 55 | ``` html 56 |

欢迎来到我的友链小屋

57 |
 
58 | ``` 59 | 60 |
61 | 62 | * 最后分别复制以下区域代码，并根据参数更改数据（PS：路径可进行更改也可不更改，自行down文件上传到博客园文件中，并更改引入路径） 63 | 64 | >建议将https://blog-static.cnblogs.com/files/elkyo/cute-cnblogs.css引入内的内容放到 页面定制CSS代码 区域 65 | 66 | **页首Html代码** 67 | 68 | ``` html 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 121 | ``` 122 | 123 | **页脚Html代码** 124 | 125 | ```html 126 | 127 |
128 | 129 | 134 | 135 | 136 | 137 |
138 | 139 | 140 | 141 | 142 | 143 | 169 | 170 | 171 | ``` 172 | 173 | ## 参数说明 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 207 | 211 | 212 | 213 | 214 | 215 | 216 | 若字符串为空则不显示友链 217 | 218 | 219 | 220 | 221 | 227 | 232 | 233 | 234 | 235 | 236 | 247 | 252 | 253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 |
名称类型默认值/实例描述
Youself字符串https://www.cnblogs.com/miluluyo/个人博客园首链接
custom数组[{
195 | name:'相册',
196 | link:'https://www.cnblogs.com/elkyo/gallery.html',
197 | istarget:false
198 | },{
199 | name:'技能树',
200 | link:'https://miluluyo.github.io/',
201 | istarget:true
202 | },{
203 | name:'留言板',
204 | link:'https://miluluyo.github.io/p/11578505.html',
205 | istarget:false
206 | }]		导航信息
208 | name 导航名
209 | link 导航链接
210 | istarget true跳转到新页面上，false当前页面打开
Friends_of_the字符串11633791友链文章的后缀名，
resume对象{
222 | "name":"麋鹿鲁哟",
223 | "link":"https://www.cnblogs.com/miluluyo/",
224 | "headurl":"https://images.cnblogs.com/cnblogs_com/
elkyo/1558759/o_o_my.jpg",
225 | "introduction":"大道至简，知易行难。"
226 | }		自己的友链信息
228 | name 导航名
229 | link 导航链接
230 | headurl 头像
231 | introduction 语录
unionbox数组[{
237 | "name":"麋鹿鲁哟",
238 | "introduction":"生活是没有标准答案的。",
239 | "url":"https://www.cnblogs.com/miluluyo",
240 | "headurl":"https://images.cnblogs.com/cnblogs_com/
elkyo/1558759/o_o_my.jpg"
241 | },{
242 | "name":"麋鹿鲁哟的技能树",
243 | "introduction":"大道至简，知易行难。",
244 | "url":"https://miluluyo.github.io/",
245 | "headurl":"https://images.cnblogs.com/cnblogs_com/
elkyo/1558759/o_o_my.jpg"
246 | }]		友链数组
248 | name 昵称
249 | introduction 标语
250 | url 链接地址
251 | headurl 头像地址
clicktext新数组new Array("ヾ(◍°∇°◍)ﾉﾞ加油哟~ ——麋鹿鲁哟",
"生活是没有标准答案的。 ——麋鹿鲁哟"),		点击页面时候的弹出文本显示
githuburl字符串https://github.com/miluluyogithub链接
267 | 268 | **最后** 269 | 270 | > 271 | > 为了响应大家的号召，方便大家技术交流，之前建立了一个微信群，如果大家有需要可以关注公众号，发送“加群”即可～本群是一个纯交流学习工作的群，不准发布广告、营销相关的信息！ 272 | > 273 | > 274 | >
275 | >

公众号：麋鹿鲁哟

276 | >
277 | > 278 | > 279 | -------------------------------------------------------------------------------- /一期博客园样式/cute-cnblogs.css: -------------------------------------------------------------------------------- 1 | html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left;font-weight:normal}html,body,fieldset,img,iframe,abbr{border:0}i,cite,em,var,address,dfn{font-style:normal}[hidefocus],summary{outline:0}li{list-style:none}h1,h2,h3,h4,h5,h6,small{font-size:100%}sup,sub{font-size:83%}pre,code,kbd,samp{font-family:inherit}q:before,q:after{content:none}textarea{overflow:auto;resize:none}label,summary{cursor:default}a,button{cursor:pointer}h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold}del,ins,u,s,a,a:hover{text-decoration:none}body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0}body{background:#fff}a,a:hover{color:#333}li{line-height:25px}*{font-family:"Noto Sans SC";font-weight:100;cursor:url(https://files-cdn.cnblogs.com/files/miluluyo/cursor.ico),auto}a:visited,a:link{color:#2daebf;text-decoration:none}a:hover{color:#f60;text-transform:none}#main,#footer,#navigator{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}#footer{text-align:center;padding-bottom:10px;margin-top:20vh;margin-bottom:4vh}#cnblogs_post_body p{font-size:1rem}#blogTitle{background:url(http://img.xjh.me/random_img.php?type=bg&ctype=nature&return=302) center center / cover no-repeat #222;overflow:hidden;width:100%;height:40vh;max-height:40vh;box-shadow:0 1px 2px rgba(150,150,150,.7);text-align:center;display:table;margin-bottom:1rem}.vertical{display:table-cell;vertical-align:middle;width:100%;position:relative;z-index:2}#Header1_HeaderTitle{font-family:'Playball',cursive;color:#fff;font-size:3rem;text-shadow:0 3px 6px rgba(0,0,0,0.3);margin:10px 0 10px 0;letter-spacing:-1px;font-weight:700;animation:fade-in-down 1s both;animation-delay:.5s}.vertical h2{margin:0;font-size:1rem;line-height:1.5em;font-weight:400;letter-spacing:.01rem;color:rgba(255,255,255,0.8);-webkit-animation:fade-in-down .9s;animation:fade-in-down .9s both;-webkit-animation-delay:.1s;animation-delay:.3s;text-shadow:0 3px 6px rgba(0,0,0,0.5);-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden;font-family:'Playball',cursive}a.github{position:fixed;left:0;top:0;z-index:0}#navList{text-align:center}#navList li{font-family:'Josefin Sans Light',-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","'Hiragino Sans GB",STHeiti,"Microsoft Yahei","Source Han Sans SC","Noto Sans CJK SC","WenQuanYi Micro Hei",Arial,Verdana,sans-serif;color:#95a5a6;display:inline-block;padding:1rem;font-size:1rem;text-align:center}#navList li a{text-shadow:0 3px 6px rgba(0,0,0,0.3)}#navList li a:hover{color:#2a6496;font-weight:500}#navList li:nth-child(1),#navList li:nth-child(3),#navList li:nth-child(5),#navList li:nth-child(6){display:none}.blogStats{text-align:right;margin-top:10px;display:none}#topics .postTitle{text-align:center;padding:10px}#topics .postTitle2{font-size:2rem;font-weight:400;color:#606975;text-shadow:0 3px 6px rgba(0,0,0,0.3)}#cnblogs_post_body{padding:10px 0}.day{min-height:10px;_height:10px;position:relative;max-width:830px;margin:3.5rem auto;padding-bottom:3.5rem;border-bottom:#ebf2f6 1px solid;word-wrap:break-word;margin-top:0;margin-bottom:0;padding-bottom:0}.day .dayTitle{display:none;border:1px solid #21759b;background:azure;border-radius:50%;font-size:12px;height:65px;line-height:1.5;margin:15px;text-align:center;width:63px;margin-left:-100px;clear:both;position:absolute;top:-15px}.day .dayTitle a{display:inline-block;color:#21759b;margin-top:15px;width:60px}.day .postTitle{font-size:20px;float:right;width:100%;clear:both;border-bottom:1px dashed #95a5a6;box-sizing:border-box;background:url(http://images.cnblogs.com/cnblogs_com/gaoht/1345582/o_o_7777.png) no-repeat 0 8px;background-size:35px 35px;margin-top:3.5rem}.day .postTitle a:link{background-color:rgba(0,0,0,0);color:#7396a7;font-family:"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;font-size:1.6rem;line-height:3rem;font-weight:bold;letter-spacing:-1px;transition:all .5s ease;word-wrap:break-word;-webkit-tap-highlight-color:rgba(0,0,0,0)}.day .postTitle a:visited,.day .postTitle a:active{color:#7396a7;transition:color .3s ease}.day .postTitle .postTitle2{display:inline-block;transition:all .5s;padding-left:35px}.day .postCon{width:100%;clear:both;padding:10px 0;color:#3a4145;font-family:Merriweather,"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;font-feature-settings:'liga' 1,'onum' 1,'kern' 1;margin:0;font-size:16px;line-height:1.7em;word-wrap:break-word;display:block;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}.day .c_b_p_desc{word-wrap:break-word;word-break:break-all;overflow:hidden;line-height:1.5;color:#606975}.day .c_b_p_desc .c_b_p_desc_readmore{color:#98a0a4}.day .postDesc{float:left;width:100%;clear:both;text-align:left;padding-right:5px;margin:0;font-family:"Open Sans",sans-serif;font-size:.8rem;line-height:1rem;color:#9eabb3;padding-bottom:5px}.postDesc{margin-bottom:3.5rem}.postDesc a{display:none}.topicListFooter{margin-top:20px}#homepage_bottom_pager .pager{text-align:right}#homepage_bottom_pager .pager a{border:0}.input_my_zzk{background-color:rgba(254,252,250,0.6);border-color:#ddd;height:35px;padding:0 10px;font-size:13px;line-height:35px;border-radius:6px;font-family:Lato,Helvetica,Arial,sans-serif;color:#34495e;border:2px solid #bdc3c7;box-shadow:none;transition:border .25s linear,color .25s linear,background-color .25s linear;width:100%}.container{width:100%;position:fixed;z-index:-1;bottom:0;left:0}html::-webkit-scrollbar-thumb{height:40px;background-color:#ccc;border-radius:16px}html::-webkit-scrollbar{width:8px;height:8px;border-radius:2px}.cd-top{position:fixed;right:25px;top:-900px;z-index:99;width:70px;height:900px;background:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/scroll.png) no-repeat center;background-size:contain;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;cursor:url(https://files-cdn.cnblogs.com/files/miluluyo/cursor.ico),auto;opacity:1;display:none}.cd-top.cd-is-visible{opacity:1;top:-326px}.faa-float.animated,.faa-float.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-float{-webkit-animation:float 2s linear infinite;animation:float 2s linear infinite}.faa-float.animated,.faa-float.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-float{-webkit-animation:float 2s linear infinite;animation:float 2s linear infinite}.poem-wrap{position:relative;width:730px;max-width:80%;border:2px solid #797979;border-top:0;text-align:center;margin:40px auto}.poem-left{left:0}.poem-right{right:0}.poem-border{position:absolute;height:2px;width:27%;background-color:#797979}.poem-wrap p{width:70%;margin:auto;line-height:30px;color:#797979}.poem-wrap h1{position:relative;margin-top:-20px;display:inline-block;letter-spacing:4px;color:#797979;font-size:2em;margin-bottom:20px}#poem_sentence{font-size:25px}#poem_info{font-size:15px;margin:15px auto}#BlogPostCategory{margin-bottom:10px;text-align:right}#BlogPostCategory a{margin-left:5px;height:20px;line-height:20px;color:#333;padding:3px 14px;border-radius:10px;margin:2px 5px 0;background:#e7e7e7;text-decoration:none}#green_channel a{text-decoration:none;color:#fff;margin:auto;width:80px;display:inline-block;line-height:30px;font-size:12px;font-weight:500;letter-spacing:2px;border-radius:3px;text-transform:uppercase;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;position:relative;background-image:none;margin-top:10px;box-shadow:0 15px 18px -6px rgba(95,193,206,0.65);margin-right:10px;margin-bottom:10px}#blog_post_info{border:#c0c0c0 1px dashed;border-right:0;border-left:0;margin:20px 0 20px 0}#green_channel{padding:10px 0;margin-bottom:10px;margin-top:10px;border:0;font-size:12px;width:auto;text-align:center;margin:auto;margin-bottom:10px;margin-top:10px}a#green_channel_wechat,a#green_channel_weibo{display:none}a#pink_channel_admire{background:#ff6777}#author_profile_info img.author_avatar{border-radius:100%;box-shadow:inset 1px 1px 3px rgba(0,0,0,0.3),0 1px 3px rgba(0,0,0,0.4);border:3px solid #f7f7f7;padding:0;margin-left:3px;margin-right:7px}.author_avatar:hover{transform:rotateZ(360deg)}#author_profile{margin-top:20px}.author_profile_info{margin-bottom:5px}#div_digg{margin-top:20px}#author_profile_detail a{color:#2daebf}#post_next_prev a{color:#2daebf}#post_next_prev{margin-bottom:10px}#commentform_title,.feedback_area_title{font:normal normal 16px/35px"Microsoft YaHei";margin:10px 0 30px;border-bottom:2px solid #ccc;background-image:none;padding:0;border-bottom:0}#commentform_title:after,.feedback_area_title:after{content:'';display:block;width:100%;text-align:center;position:relative;bottom:16px;left:110px;border-bottom:1px dashed #e9e9e9}#tbCommentAuthor{padding-left:10px;color:#555;border:1px solid #ddd;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;width:320px;height:20px;background:#fff}.commentbox_title{width:100%}div.commentform p{margin-bottom:20px}textarea#tbCommentBody{width:calc(100% - 20px);border-radius:10px;outline:0;padding:10px;height:200px;position:relative;background:#fff url(https://view.moezx.cc/images/2018/03/24/comment-bg.png);background-size:contain;background-repeat:no-repeat;background-position:right;resize:vertical}.feedbackItem{margin-top:30px}.feedbackListSubtitle{clear:both;color:#a8a8a8;padding:8px 5px}.feedbackManage{width:200px;text-align:right;float:right}.feedbackListSubtitle a:link,.feedbackListSubtitle a:visited,.feedbackListSubtitle a:active{color:#777;font-weight:450}.louzhu{background:transparent url(/images/icoLouZhu.gif) no-repeat scroll right top;padding-right:16px}.feedbackCon{border-bottom:1px solid #EEE;padding:10px 20px 10px 5px;min-height:35px;_height:35px;margin-bottom:1em;line-height:1.5}.comment-avatar{width:48px;height:48px;border:1px solid #dcd6b3;padding:3px;border-radius:50%;-webkit-transition:all .6s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}.blog_comment_body{display:inline-block;width:70%;margin-left:15px;vertical-align:initial!important;font-family:Lato,Helvetica,Arial,sans-serif}.comment_vote{padding-right:10px}.comment_vote a{color:#999}.blog_comment_body a{color:#2daebf}.comment-avatar:hover{transform:rotateZ(360deg)}#comment_nav{padding-top:10px}.blog_comment_body img{max-width:100px}.comment_btn{width:180px;height:38px;padding:8px 20px;text-align:center;font-size:14px;color:#fff;border:0;background:#7396a7!important;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;cursor:pointer;display:inline-block;vertical-align:middle;outline:0;text-decoration:none}.comment_btn:hover{background:#8cb7cc!important}p#commentbox_opt{text-align:center}#Gallery table td a{margin-bottom:10px;display:inline-block}#Gallery table td{padding:5px;text-align:center}.gallery table td{padding:5px;text-align:center}.gallery table td a{margin-bottom:10px;display:inline-block}.gallery img{max-width:100%}.OwO{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0 0 5px 0}.OwO .OwO-logo{position:relative;display:inline-block;color:#888;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:13px;padding:2px 5px;cursor:pointer;height:22px;box-sizing:border-box;z-index:2;line-height:16px}@media(min-width:1200px){#main,#footer,#navigator{width:980px}.cd-top{display:block}}@media(min-width:992px) and (max-width:1200px){#main,#footer,#navigator{width:880px}a.github,#live2d-widget,#player{display:none}.cd-top{display:block}}@media(min-width:768px) and (max-width:992px){#main,#footer,#navigator{width:750px}a.github,#live2d-widget,#player{display:none}}@media only screen and (max-width:768px){html,body{width:100%;overflow-x:hidden}#blogTitle{height:40vh;max-height:40vh}a.github,#live2d-widget,#player{display:none}}div#main::after{content:"";background-repeat:no-repeat;background-position:center;opacity:.06;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}div#main::after{background-image:url(http://img.xjh.me/random_img.php?type=bg&ctype=acg&return=302)}#blogCalendar,.catListTitle,.btn_my_zzk,#widget_my_google,.catListTitle,#under_post_kb,#cnblogs_c1,#ad_t2,#under_post_news,#homepage_top_pager,#cnblogs_c2{display:none}.resume_con p{margin:12px 0}.resume_con dt{font-weight:bold}.resume_con dd{margin-inline-start:40px}.show_resume{max-width:800px;margin:0 auto}.resume_title{padding-left:13px;height:14px;line-height:14px;font-size:14px;border-left:4px solid #01bfcb;color:#878a9d;font-weight:700;margin-bottom:10px;margin-top:10px}.resume_con{font-size:12px;color:#878a9d;padding:0 15px;line-height:20px}.resume_project{font-size:12px;color:#878a9d;font-weight:bold}.day:nth-child(1) .postTitle{background:url(https://images.cnblogs.com/cnblogs_com/miluluyo/1554904/o_1.png) no-repeat 0 8px;font-size:20px;float:right;width:100%;clear:both;border-bottom:1px dashed #9eabb3;box-sizing:border-box;background-size:35px 35px}.day:nth-child(2) .postTitle{background:url(https://images.cnblogs.com/cnblogs_com/miluluyo/1554904/o_2.png) no-repeat 0 8px;font-size:20px;float:right;width:100%;clear:both;border-bottom:1px dashed #9eabb3;box-sizing:border-box;background-size:35px 35px}.day:nth-child(3) .postTitle{background:url(https://images.cnblogs.com/cnblogs_com/miluluyo/1554904/o_3.png) no-repeat 0 8px;font-size:20px;float:right;width:100%;clear:both;border-bottom:1px dashed #9eabb3;box-sizing:border-box;background-size:35px 35px}.day:nth-child(4) .postTitle{background:url(https://images.cnblogs.com/cnblogs_com/miluluyo/1554904/o_4.png) no-repeat 0 8px;font-size:20px;float:right;width:100%;clear:both;border-bottom:1px dashed #9eabb3;box-sizing:border-box;background-size:35px 35px}.day:nth-child(5) .postTitle{background:url(https://images.cnblogs.com/cnblogs_com/miluluyo/1554904/o_5.png) no-repeat 0 8px;font-size:20px;float:right;width:100%;clear:both;border-bottom:1px dashed #9eabb3;box-sizing:border-box;background-size:35px 35px}.day:nth-child(6) .postTitle{background:url(https://images.cnblogs.com/cnblogs_com/miluluyo/1554904/o_6.png) no-repeat 0 8px;font-size:20px;float:right;width:100%;clear:both;border-bottom:1px dashed #9eabb3;box-sizing:border-box;background-size:35px 35px}.day:nth-child(7) .postTitle{background:url(https://images.cnblogs.com/cnblogs_com/miluluyo/1554904/o_7.png) no-repeat 0 8px;font-size:20px;float:right;width:100%;clear:both;border-bottom:1px dashed #9eabb3;box-sizing:border-box;background-size:35px 35px}.day:nth-child(8) .postTitle{background:url(https://images.cnblogs.com/cnblogs_com/miluluyo/1554904/o_8.png) no-repeat 0 8px;font-size:20px;float:right;width:100%;clear:both;border-bottom:1px dashed #9eabb3;box-sizing:border-box;background-size:35px 35px}.day:nth-child(9) .postTitle{background:url(https://images.cnblogs.com/cnblogs_com/miluluyo/1554904/o_9.png) no-repeat 0 8px;font-size:20px;float:right;width:100%;clear:both;border-bottom:1px dashed #9eabb3;box-sizing:border-box;background-size:35px 35px}.day:nth-child(10) .postTitle{background:url(https://images.cnblogs.com/cnblogs_com/miluluyo/1554904/o_10.png) no-repeat 0 8px;font-size:20px;float:right;width:100%;clear:both;border-bottom:1px dashed #9eabb3;box-sizing:border-box;background-size:35px 35px}#sideBar{display:none}.unionbox{margin-bottom:4rem;width:48%;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:all .5s;font-size:16px;color:#2c3e50}.unionbox:hover{transform:scale(1.05)}.unionbox .headimg{display:inline-block;width:100px}.unionbox .content{width:calc(100% - 120px);display:inline-block}.headimg img{width:75px;height:75px;border-radius:75px}.unionbox .avatar{width:100%}.unionbox .info{margin:2.5rem 0 1.5rem;padding:0 0 .5rem 1.5rem;display:flex;margin-bottom:0}.unionbox h3{margin:0;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px}.unionbox .desc{margin:.6rem 0 1.5rem}.unionbox .btn{display:inline-block;background-color:#3eaf7c;color:#fff;border-radius:2px;padding:4px 8px;font-size:.7rem;text-decoration:none;cursor:pointer;margin:0 1.5rem 1.5rem 0rem}@media(max-width:719px){.unionbox{width:100%}}#app .table{width:100%;display:table;text-align:center;border:0}#app .table td{border:0}#app tr:nth-child(2n){background:0}#app .table th{border:0;color:#2daebf}#app tr{border-bottom:1px solid #dfe2e5;border-top:0}.friendstable th,.friendstable td{padding:.6em 1em;text-align:center;font-size:16px}#app h2{font-size:1.65rem;padding-bottom:.3rem;border-bottom:1px solid #eaecef}#app h6{margin-block-start:2.33em;margin-block-end:2.33em;margin-inline-start:0;margin-inline-end:0}#cnblogs_post_body th,.cnblogs-post-body th{background:0} 2 | -------------------------------------------------------------------------------- /一期博客园样式/cute-cnblogs.js: -------------------------------------------------------------------------------- 1 | function miluframe(b){var d={Youself:"https://www.cnblogs.com/miluluyo/",Friends_of_the:"p/11633791.html",custom:[{name:"相册",link:"https://www.cnblogs.com/elkyo/gallery.html",istarget:false},{name:"技能树",link:"https://miluluyo.github.io/",istarget:true},{name:"留言板",link:"https://miluluyo.github.io/p/11578505.html",istarget:false}],resume:{"name":"麋鹿鲁哟","link":"https://www.cnblogs.com/miluluyo/","headurl":"https://images.cnblogs.com/cnblogs_com/elkyo/1558759/o_o_my.jpg","introduction":"大道至简，知易行难。"},unionbox:[{"name":"麋鹿鲁哟","introduction":"生活是没有标准答案的。","url":"https://www.cnblogs.com/miluluyo","headurl":"https://images.cnblogs.com/cnblogs_com/elkyo/1558759/o_o_my.jpg"},{"name":"麋鹿鲁哟的技能树","introduction":"大道至简，知易行难。","url":"https://miluluyo.github.io/","headurl":"https://images.cnblogs.com/cnblogs_com/elkyo/1558759/o_o_my.jpg"}],details:[{field:"name",literal:"昵称",},{field:"introduction",literal:"标语",},{field:"url",literal:"链接地址",},{field:"headurl",literal:"头像地址",}],clicktext:new Array("ヾ(◍°∇°◍)ﾉﾞ加油哟~ ——麋鹿鲁哟","生活是没有标准答案的。 ——麋鹿鲁哟"),ThemeVersion:"https://github.com/miluluyo/cute-cnblogs/",githuburl:"https://github.com/miluluyo",};$.extend(d,b);allpage(d);var a=window.location.href;if(a.indexOf(d.Friends_of_the)!=-1){Friends_of_the(d)}}function allpage(j){var h=$("#blogTitle").html();$("#blogTitle").html("
"+h+"
");var e="";for(var d=0;d'+j.custom[d].name+""}else{e=e+'
  • '+j.custom[d].name+"
    • "}}if(j.Youself+j.Friends_of_the){e=e+'
  • 友链
    • '}$("#navList").append(e);$("#mobile-style").remove();$("#footer").before('
    ');$("#navigator").after('

    念两句诗

    ');jinrishici.load(function(c){var i=document.querySelector("#poem_sentence");var k=document.querySelector("#poem_info");i.innerHTML=c.data.content;k.innerHTML="【"+c.data.origin.dynasty+"】"+c.data.origin.author+"《"+c.data.origin.title+"》"});var b=$(".feedbackItem").length;for(var d=0;d')}$("#tbCommentBody").attr("placeholder","请乖乖填写哦！ ...");$("#tbCommentBody").after('
    ');$("#commentbox_opt").nextAll().remove();$("#btn_comment_submit").val("提交评论 (Ctrl + Enter)");var a=0;jQuery(document).ready(function(c){c("body").click(function(m){var k=j.clicktext;var l=Math.ceil(Math.random()*k.length);var o=c("").text(k[l]);a=(a+1)%k.length;var i=m.pageX,n=m.pageY;o.css({"z-index":1e+69,"top":n-20,"left":i,"position":"absolute","font-weight":"bold","color":"rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"});c("body").append(o);o.animate({"top":n-180,"opacity":0},2000,function(){o.remove()})})});var g='Fork me on GitHub';$("body").append(g);$("#poweredby").html('ThemeVersion: cute-cnblogs')}function load_face(b){var c=new OwO({logo:"OωO表情",container:document.getElementsByClassName("OwO")[0],target:document.getElementById("tbCommentBody"),api:"https://miluluyo.github.io/OwO.json",position:"down",width:"70%",maxHeight:"250px"});b.classList.add("OwO-open");b.onclick=null}$(function(){$("#main").append('
    ');$(window).scroll(function(){var a=$(window).scrollTop();if(a>500){$(".back-to-top").css("top","-200px")}else{$(".back-to-top").css("top","-999px")}});$(".back-to-top").click(function(){$("body,html").animate({scrollTop:0},600)})});function Friends_of_the(j){var a=j;var e='
    展示本站所有友情站点，排列不分先后，均匀打乱算法随机渲染的喔！

    友链信息

    博客名称： '+a.resume.name+'
    博客网址： '+a.resume.link+'
    博客头像： '+a.resume.headurl+'
    博客介绍： '+a.resume.introduction+'

    join us

    如需友链，请留言，格式如下
    字段字义
    ';$(".friendsbox").html(e);var h=a.unionbox;var d=shuffle(h);var f="";for(var b=0;b

    '+d[b].name+'

    '+d[b].introduction+'

    直达
    '}$(".unionbox-box").html(f);var g="";for(var b=0;b"+a.details[b].field+""+a.details[b].literal+""}$(".friendstable").append(g)}function shuffle(e){var d=e;var a=d.length,c,b;while(a){b=Math.floor(Math.random()*a--);c=d[a];d[a]=d[b];d[b]=c}return d}; -------------------------------------------------------------------------------- /一期博客园样式/fish.js: -------------------------------------------------------------------------------- 1 | var RENDERER = { 2 | POINT_INTERVAL : 5, 3 | FISH_COUNT : 3, 4 | MAX_INTERVAL_COUNT : 50, 5 | INIT_HEIGHT_RATE : 0.5, 6 | THRESHOLD : 50, 7 | 8 | init : function(){ 9 | this.setParameters(); 10 | this.reconstructMethods(); 11 | this.setup(); 12 | this.bindEvent(); 13 | this.render(); 14 | }, 15 | setParameters : function(){ 16 | this.$window = $(window); 17 | this.$container = $('#jsi-flying-fish-container'); 18 | this.$canvas = $(''); 19 | this.context = this.$canvas.appendTo(this.$container).get(0).getContext('2d'); 20 | this.points = []; 21 | this.fishes = []; 22 | this.watchIds = []; 23 | }, 24 | createSurfacePoints : function(){ 25 | var count = Math.round(this.width / this.POINT_INTERVAL); 26 | this.pointInterval = this.width / (count - 1); 27 | this.points.push(new SURFACE_POINT(this, 0)); 28 | 29 | for(var i = 1; i < count; i++){ 30 | var point = new SURFACE_POINT(this, i * this.pointInterval), 31 | previous = this.points[i - 1]; 32 | 33 | point.setPreviousPoint(previous); 34 | previous.setNextPoint(point); 35 | this.points.push(point); 36 | } 37 | }, 38 | reconstructMethods : function(){ 39 | this.watchWindowSize = this.watchWindowSize.bind(this); 40 | this.jdugeToStopResize = this.jdugeToStopResize.bind(this); 41 | this.startEpicenter = this.startEpicenter.bind(this); 42 | this.moveEpicenter = this.moveEpicenter.bind(this); 43 | this.reverseVertical = this.reverseVertical.bind(this); 44 | this.render = this.render.bind(this); 45 | }, 46 | setup : function(){ 47 | this.points.length = 0; 48 | this.fishes.length = 0; 49 | this.watchIds.length = 0; 50 | this.intervalCount = this.MAX_INTERVAL_COUNT; 51 | this.width = this.$container.width(); 52 | this.height = this.$container.height(); 53 | this.fishCount = this.FISH_COUNT * this.width / 500 * this.height / 500; 54 | this.$canvas.attr({width : this.width, height : this.height}); 55 | this.reverse = false; 56 | 57 | this.fishes.push(new FISH(this)); 58 | this.createSurfacePoints(); 59 | }, 60 | watchWindowSize : function(){ 61 | this.clearTimer(); 62 | this.tmpWidth = this.$window.width(); 63 | this.tmpHeight = this.$window.height(); 64 | this.watchIds.push(setTimeout(this.jdugeToStopResize, this.WATCH_INTERVAL)); 65 | }, 66 | clearTimer : function(){ 67 | while(this.watchIds.length > 0){ 68 | clearTimeout(this.watchIds.pop()); 69 | } 70 | }, 71 | jdugeToStopResize : function(){ 72 | var width = this.$window.width(), 73 | height = this.$window.height(), 74 | stopped = (width == this.tmpWidth && height == this.tmpHeight); 75 | 76 | this.tmpWidth = width; 77 | this.tmpHeight = height; 78 | 79 | if(stopped){ 80 | this.setup(); 81 | } 82 | }, 83 | bindEvent : function(){ 84 | this.$window.on('resize', this.watchWindowSize); 85 | this.$container.on('mouseenter', this.startEpicenter); 86 | this.$container.on('mousemove', this.moveEpicenter); 87 | this.$container.on('click', this.reverseVertical); 88 | }, 89 | getAxis : function(event){ 90 | var offset = this.$container.offset(); 91 | 92 | return { 93 | x : event.clientX - offset.left + this.$window.scrollLeft(), 94 | y : event.clientY - offset.top + this.$window.scrollTop() 95 | }; 96 | }, 97 | startEpicenter : function(event){ 98 | this.axis = this.getAxis(event); 99 | }, 100 | moveEpicenter : function(event){ 101 | var axis = this.getAxis(event); 102 | 103 | if(!this.axis){ 104 | this.axis = axis; 105 | } 106 | this.generateEpicenter(axis.x, axis.y, axis.y - this.axis.y); 107 | this.axis = axis; 108 | }, 109 | generateEpicenter : function(x, y, velocity){ 110 | if(y < this.height / 2 - this.THRESHOLD || y > this.height / 2 + this.THRESHOLD){ 111 | return; 112 | } 113 | var index = Math.round(x / this.pointInterval); 114 | 115 | if(index < 0 || index >= this.points.length){ 116 | return; 117 | } 118 | this.points[index].interfere(y, velocity); 119 | }, 120 | reverseVertical : function(){ 121 | this.reverse = !this.reverse; 122 | 123 | for(var i = 0, count = this.fishes.length; i < count; i++){ 124 | this.fishes[i].reverseVertical(); 125 | } 126 | }, 127 | controlStatus : function(){ 128 | for(var i = 0, count = this.points.length; i < count; i++){ 129 | this.points[i].updateSelf(); 130 | } 131 | for(var i = 0, count = this.points.length; i < count; i++){ 132 | this.points[i].updateNeighbors(); 133 | } 134 | if(this.fishes.length < this.fishCount){ 135 | if(--this.intervalCount == 0){ 136 | this.intervalCount = this.MAX_INTERVAL_COUNT; 137 | this.fishes.push(new FISH(this)); 138 | } 139 | } 140 | }, 141 | render : function(){ 142 | requestAnimationFrame(this.render); 143 | this.controlStatus(); 144 | this.context.clearRect(0, 0, this.width, this.height); 145 | this.context.fillStyle = 'hsl(0, 0%, 95%)'; 146 | 147 | for(var i = 0, count = this.fishes.length; i < count; i++){ 148 | this.fishes[i].render(this.context); 149 | } 150 | this.context.save(); 151 | this.context.globalCompositeOperation = 'xor'; 152 | this.context.beginPath(); 153 | this.context.moveTo(0, this.reverse ? 0 : this.height); 154 | 155 | for(var i = 0, count = this.points.length; i < count; i++){ 156 | this.points[i].render(this.context); 157 | } 158 | this.context.lineTo(this.width, this.reverse ? 0 : this.height); 159 | this.context.closePath(); 160 | this.context.fill(); 161 | this.context.restore(); 162 | } 163 | }; 164 | var SURFACE_POINT = function(renderer, x){ 165 | this.renderer = renderer; 166 | this.x = x; 167 | this.init(); 168 | }; 169 | SURFACE_POINT.prototype = { 170 | SPRING_CONSTANT : 0.03, 171 | SPRING_FRICTION : 0.9, 172 | WAVE_SPREAD : 0.3, 173 | ACCELARATION_RATE : 0.01, 174 | 175 | init : function(){ 176 | this.initHeight = this.renderer.height * this.renderer.INIT_HEIGHT_RATE; 177 | this.height = this.initHeight; 178 | this.fy = 0; 179 | this.force = {previous : 0, next : 0}; 180 | }, 181 | setPreviousPoint : function(previous){ 182 | this.previous = previous; 183 | }, 184 | setNextPoint : function(next){ 185 | this.next = next; 186 | }, 187 | interfere : function(y, velocity){ 188 | this.fy = this.renderer.height * this.ACCELARATION_RATE * ((this.renderer.height - this.height - y) >= 0 ? -1 : 1) * Math.abs(velocity); 189 | }, 190 | updateSelf : function(){ 191 | this.fy += this.SPRING_CONSTANT * (this.initHeight - this.height); 192 | this.fy *= this.SPRING_FRICTION; 193 | this.height += this.fy; 194 | }, 195 | updateNeighbors : function(){ 196 | if(this.previous){ 197 | this.force.previous = this.WAVE_SPREAD * (this.height - this.previous.height); 198 | } 199 | if(this.next){ 200 | this.force.next = this.WAVE_SPREAD * (this.height - this.next.height); 201 | } 202 | }, 203 | render : function(context){ 204 | if(this.previous){ 205 | this.previous.height += this.force.previous; 206 | this.previous.fy += this.force.previous; 207 | } 208 | if(this.next){ 209 | this.next.height += this.force.next; 210 | this.next.fy += this.force.next; 211 | } 212 | context.lineTo(this.x, this.renderer.height - this.height); 213 | } 214 | }; 215 | var FISH = function(renderer){ 216 | this.renderer = renderer; 217 | this.init(); 218 | }; 219 | FISH.prototype = { 220 | GRAVITY : 0.4, 221 | 222 | init : function(){ 223 | this.direction = Math.random() < 0.5; 224 | this.x = this.direction ? (this.renderer.width + this.renderer.THRESHOLD) : -this.renderer.THRESHOLD; 225 | this.previousY = this.y; 226 | this.vx = this.getRandomValue(4, 10) * (this.direction ? -1 : 1); 227 | 228 | if(this.renderer.reverse){ 229 | this.y = this.getRandomValue(this.renderer.height * 1 / 10, this.renderer.height * 4 / 10); 230 | this.vy = this.getRandomValue(2, 5); 231 | this.ay = this.getRandomValue(0.05, 0.2); 232 | }else{ 233 | this.y = this.getRandomValue(this.renderer.height * 6 / 10, this.renderer.height * 9 / 10); 234 | this.vy = this.getRandomValue(-5, -2); 235 | this.ay = this.getRandomValue(-0.2, -0.05); 236 | } 237 | this.isOut = false; 238 | this.theta = 0; 239 | this.phi = 0; 240 | }, 241 | getRandomValue : function(min, max){ 242 | return min + (max - min) * Math.random(); 243 | }, 244 | reverseVertical : function(){ 245 | this.isOut = !this.isOut; 246 | this.ay *= -1; 247 | }, 248 | controlStatus : function(context){ 249 | this.previousY = this.y; 250 | this.x += this.vx; 251 | this.y += this.vy; 252 | this.vy += this.ay; 253 | 254 | if(this.renderer.reverse){ 255 | if(this.y > this.renderer.height * this.renderer.INIT_HEIGHT_RATE){ 256 | this.vy -= this.GRAVITY; 257 | this.isOut = true; 258 | }else{ 259 | if(this.isOut){ 260 | this.ay = this.getRandomValue(0.05, 0.2); 261 | } 262 | this.isOut = false; 263 | } 264 | }else{ 265 | if(this.y < this.renderer.height * this.renderer.INIT_HEIGHT_RATE){ 266 | this.vy += this.GRAVITY; 267 | this.isOut = true; 268 | }else{ 269 | if(this.isOut){ 270 | this.ay = this.getRandomValue(-0.2, -0.05); 271 | } 272 | this.isOut = false; 273 | } 274 | } 275 | if(!this.isOut){ 276 | this.theta += Math.PI / 20; 277 | this.theta %= Math.PI * 2; 278 | this.phi += Math.PI / 30; 279 | this.phi %= Math.PI * 2; 280 | } 281 | this.renderer.generateEpicenter(this.x + (this.direction ? -1 : 1) * this.renderer.THRESHOLD, this.y, this.y - this.previousY); 282 | 283 | if(this.vx > 0 && this.x > this.renderer.width + this.renderer.THRESHOLD || this.vx < 0 && this.x < -this.renderer.THRESHOLD){ 284 | this.init(); 285 | } 286 | }, 287 | render : function(context){ 288 | context.save(); 289 | context.translate(this.x, this.y); 290 | context.rotate(Math.PI + Math.atan2(this.vy, this.vx)); 291 | context.scale(1, this.direction ? 1 : -1); 292 | context.beginPath(); 293 | context.moveTo(-30, 0); 294 | context.bezierCurveTo(-20, 15, 15, 10, 40, 0); 295 | context.bezierCurveTo(15, -10, -20, -15, -30, 0); 296 | context.fill(); 297 | 298 | context.save(); 299 | context.translate(40, 0); 300 | context.scale(0.9 + 0.2 * Math.sin(this.theta), 1); 301 | context.beginPath(); 302 | context.moveTo(0, 0); 303 | context.quadraticCurveTo(5, 10, 20, 8); 304 | context.quadraticCurveTo(12, 5, 10, 0); 305 | context.quadraticCurveTo(12, -5, 20, -8); 306 | context.quadraticCurveTo(5, -10, 0, 0); 307 | context.fill(); 308 | context.restore(); 309 | 310 | context.save(); 311 | context.translate(-3, 0); 312 | context.rotate((Math.PI / 3 + Math.PI / 10 * Math.sin(this.phi)) * (this.renderer.reverse ? -1 : 1)); 313 | 314 | context.beginPath(); 315 | 316 | if(this.renderer.reverse){ 317 | context.moveTo(5, 0); 318 | context.bezierCurveTo(10, 10, 10, 30, 0, 40); 319 | context.bezierCurveTo(-12, 25, -8, 10, 0, 0); 320 | }else{ 321 | context.moveTo(-5, 0); 322 | context.bezierCurveTo(-10, -10, -10, -30, 0, -40); 323 | context.bezierCurveTo(12, -25, 8, -10, 0, 0); 324 | } 325 | context.closePath(); 326 | context.fill(); 327 | context.restore(); 328 | context.restore(); 329 | this.controlStatus(context); 330 | } 331 | }; 332 | $(function(){ 333 | RENDERER.init(); 334 | }); -------------------------------------------------------------------------------- /一期博客园样式/monitoring.js: -------------------------------------------------------------------------------- 1 | window.logInfo={};window.logInfo.openTime=performance.timing.navigationStart;window.logInfo.whiteScreenTime=+new Date()-window.logInfo.openTime;document.addEventListener("DOMContentLoaded",function(a){window.logInfo.readyTime=+new Date()-window.logInfo.openTime});window.onload=function(){window.logInfo.allloadTime=+new Date()-window.logInfo.openTime;window.logInfo.nowTime=new Date().getTime();var a={whiteScreenTime:"白屏时间",readyTime:"用户可操作时间",allloadTime:"总下载时间",mobile:"使用设备",nowTime:"时间",};var b="";console.clear();console.info("前端可视化监控如下：");for(var c in a){console.info(a[c]+":"+window.logInfo[c]+"ms");if(c==="mobile"){b+="&"+c+"="+window.logInfo[c]}else{b+="&"+c+"="+window.logInfo[c]}}console.info("%c ","background: url(https://images.cnblogs.com/cnblogs_com/miluluyo/1493340/o_a.gif) no-repeat center;padding-left:400px;padding-bottom: 160px;background-size:400px");console.info("\n %c %c %c cute-cnblogs GitHub - %c %c https://github.com/miluluyo/cute-cnblogs/ %c \n\n","background: #fadfa3; padding:5px 0;","background: #fadfa3; padding:5px 0;","color: #fadfa3; background: #030307; padding:5px 0;","background: #fadfa3; padding:5px 0;","background: #FCEDC9; padding:5px 0;","background: #fadfa3; padding:5px 0;")};window.logInfo.mobile=mobileType();function mobileType(){var b=navigator.userAgent,e=navigator.appVersion;var d={ios:!!b.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),iPad:b.indexOf("iPad")>-1,android:b.indexOf("Android")>-1||b.indexOf("Linux")>-1,iPhone:b.indexOf("iPhone")>-1||b.indexOf("Mac")>-1,trident:b.indexOf("Trident")>-1,presto:b.indexOf("Presto")>-1,webKit:b.indexOf("AppleWebKit")>-1,gecko:b.indexOf("Gecko")>-1&&b.indexOf("KHTML")==-1,mobile:!!b.match(/AppleWebKit.*Mobile/i)||!!b.match(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/),webApp:b.indexOf("Safari")==-1};var a=Object.keys(d);for(var c=0;c0)){b.push(j.toString());if(j===j.caller){break}j=j.caller}b=b.join(",");defaults.msg=h.stack.toString()}}var g="";for(var e in defaults){if(defaults[e]===null||defaults[e]===undefined){defaults[e]="null"}g+="&"+e+"="+defaults[e].toString()}srt=g.replace("&","").replace("\n","").replace(/\s/g,"")}; 2 | -------------------------------------------------------------------------------- /一期博客园样式/mouse-click.js: -------------------------------------------------------------------------------- 1 | class Circle { 2 | constructor({ origin, speed, color, angle, context }) { 3 | this.origin = origin 4 | this.position = { ...this.origin } 5 | this.color = color 6 | this.speed = speed 7 | this.angle = angle 8 | this.context = context 9 | this.renderCount = 0 10 | } 11 | 12 | draw() { 13 | this.context.fillStyle = this.color 14 | this.context.beginPath() 15 | this.context.arc(this.position.x, this.position.y, 2, 0, Math.PI * 2) 16 | this.context.fill() 17 | } 18 | 19 | move() { 20 | this.position.x = (Math.sin(this.angle) * this.speed) + this.position.x 21 | this.position.y = (Math.cos(this.angle) * this.speed) + this.position.y + (this.renderCount * 0.3) 22 | this.renderCount++ 23 | } 24 | } 25 | 26 | class Boom { 27 | constructor ({ origin, context, circleCount = 10, area }) { 28 | this.origin = origin 29 | this.context = context 30 | this.circleCount = circleCount 31 | this.area = area 32 | this.stop = false 33 | this.circles = [] 34 | } 35 | 36 | randomArray(range) { 37 | const length = range.length 38 | const randomIndex = Math.floor(length * Math.random()) 39 | return range[randomIndex] 40 | } 41 | 42 | randomColor() { 43 | const range = ['8', '9', 'A', 'B', 'C', 'D', 'E', 'F'] 44 | return '#' + this.randomArray(range) + this.randomArray(range) + this.randomArray(range) + this.randomArray(range) + this.randomArray(range) + this.randomArray(range) 45 | } 46 | 47 | randomRange(start, end) { 48 | return (end - start) * Math.random() + start 49 | } 50 | 51 | init() { 52 | for(let i = 0; i < this.circleCount; i++) { 53 | const circle = new Circle({ 54 | context: this.context, 55 | origin: this.origin, 56 | color: this.randomColor(), 57 | angle: this.randomRange(Math.PI - 1, Math.PI + 1), 58 | speed: this.randomRange(1, 6) 59 | }) 60 | this.circles.push(circle) 61 | } 62 | } 63 | 64 | move() { 65 | this.circles.forEach((circle, index) => { 66 | if (circle.position.x > this.area.width || circle.position.y > this.area.height) { 67 | return this.circles.splice(index, 1) 68 | } 69 | circle.move() 70 | }) 71 | if (this.circles.length == 0) { 72 | this.stop = true 73 | } 74 | } 75 | 76 | draw() { 77 | this.circles.forEach(circle => circle.draw()) 78 | } 79 | } 80 | 81 | class CursorSpecialEffects { 82 | constructor() { 83 | this.computerCanvas = document.createElement('canvas') 84 | this.renderCanvas = document.createElement('canvas') 85 | 86 | this.computerContext = this.computerCanvas.getContext('2d') 87 | this.renderContext = this.renderCanvas.getContext('2d') 88 | 89 | this.globalWidth = window.innerWidth 90 | this.globalHeight = window.innerHeight 91 | 92 | this.booms = [] 93 | this.running = false 94 | } 95 | 96 | handleMouseDown(e) { 97 | const boom = new Boom({ 98 | origin: { x: e.clientX, y: e.clientY }, 99 | context: this.computerContext, 100 | area: { 101 | width: this.globalWidth, 102 | height: this.globalHeight 103 | } 104 | }) 105 | boom.init() 106 | this.booms.push(boom) 107 | this.running || this.run() 108 | } 109 | 110 | handlePageHide() { 111 | this.booms = [] 112 | this.running = false 113 | } 114 | 115 | init() { 116 | const style = this.renderCanvas.style 117 | style.position = 'fixed' 118 | style.top = style.left = 0 119 | style.zIndex = '999999999999999999999999999999999999999999' 120 | style.pointerEvents = 'none' 121 | 122 | style.width = this.renderCanvas.width = this.computerCanvas.width = this.globalWidth 123 | style.height = this.renderCanvas.height = this.computerCanvas.height = this.globalHeight 124 | 125 | document.body.append(this.renderCanvas) 126 | 127 | window.addEventListener('mousedown', this.handleMouseDown.bind(this)) 128 | window.addEventListener('pagehide', this.handlePageHide.bind(this)) 129 | } 130 | 131 | run() { 132 | this.running = true 133 | if (this.booms.length == 0) { 134 | return this.running = false 135 | } 136 | 137 | requestAnimationFrame(this.run.bind(this)) 138 | 139 | this.computerContext.clearRect(0, 0, this.globalWidth, this.globalHeight) 140 | this.renderContext.clearRect(0, 0, this.globalWidth, this.globalHeight) 141 | 142 | this.booms.forEach((boom, index) => { 143 | if (boom.stop) { 144 | return this.booms.splice(index, 1) 145 | } 146 | boom.move() 147 | boom.draw() 148 | }) 149 | this.renderContext.drawImage(this.computerCanvas, 0, 0, this.globalWidth, this.globalHeight) 150 | } 151 | } 152 | 153 | const cursorSpecialEffects = new CursorSpecialEffects() 154 | cursorSpecialEffects.init() -------------------------------------------------------------------------------- /一期博客园样式/simpleMemory.min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Minified by jsDelivr using Terser v3.14.1. 3 | * Original file: /gh/BNDong/Cnblogs-Theme-SimpleMemory@1.1.2/src/script/simpleMemory.js 4 | * 5 | * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files 6 | */ 7 | function showpage(){ 8 | $(".showpage").show(); 9 | } 10 | function info_close(){ 11 | $(".showpage").hide(); 12 | } 13 | 14 | if (initCheck()) { 15 | var sidebarHtml = 16 | '
    \x3c!-- /content-wrap --\x3e

    '; 17 | window.cnblogsConfigDefault = { 18 | GhUserName: "BNDong", 19 | GhRepositories: "Cnblogs-Theme-SimpleMemory", 20 | GhVersions: "v1.1.2", 21 | blogUser: "", 22 | blogAvatar: "", 23 | blogStartDate: "2019-01-01", 24 | menuCustomList: {}, 25 | menuNavList: [], 26 | webpageTitleOnblur: "(oﾟvﾟ)ノ Hi", 27 | webpageTitleOnblurTimeOut: 500, 28 | webpageTitleFocus: "(*´∇｀*) 欢迎回来！", 29 | webpageTitleFocusTimeOut: 1e3, 30 | webpageIcon: "", 31 | fontIconExtend: "", 32 | progressBar: { 33 | id: "top-progress-bar", 34 | color: "#77b6ff", 35 | height: "2px", 36 | duration: .2 37 | }, 38 | loading: { 39 | rebound: { 40 | tension: 16, 41 | friction: 5 42 | }, 43 | spinner: { 44 | id: "spinner", 45 | radius: 90, 46 | sides: 3, 47 | depth: 4, 48 | colors: { 49 | background: "#f0f0f0", 50 | stroke: "#272633", 51 | base: null, 52 | child: "#272633" 53 | }, 54 | alwaysForward: !0, 55 | restAt: .5, 56 | renderBase: !1 57 | } 58 | }, 59 | homeTopAnimationRendered: !0, 60 | homeTopAnimation: { 61 | radius: 15, 62 | density: .2, 63 | color: "rgba(255,255,255, .2)", 64 | clearOffset: .3 65 | }, 66 | essayTopAnimationRendered: !0, 67 | essayTopAnimation: { 68 | triW: 14, 69 | triH: 20, 70 | neighbours: ["side", "top", "bottom"], 71 | speedTrailAppear: .1, 72 | speedTrailDisappear: .1, 73 | speedTriOpen: 1, 74 | trailMaxLength: 30, 75 | trailIntervalCreation: 100, 76 | delayBeforeDisappear: 2, 77 | colors: ["#D9B6D4", "#A29AC3", "#9091BF", "#9394C2", "#FBCACE", "#7E84B8", "#FCD5CE", "#6C79B5"] 78 | }, 79 | bgAnimationRendered: !0, 80 | backgroundAnimation: { 81 | colorSaturation: "60%", 82 | colorBrightness: "50%", 83 | colorAlpha: .5, 84 | colorCycleSpeed: 5, 85 | verticalPosition: "random", 86 | horizontalSpeed: 200, 87 | ribbonCount: 3, 88 | strokeSize: 0, 89 | parallaxAmount: -.2, 90 | animateSections: !0 91 | }, 92 | homeTopImg: [ 93 | "http://img.xjh.me/random_img.php?type=bg&ctype=nature&return=302"], 94 | homeBannerText: "", 95 | essayTopImg: ["http://img.xjh.me/random_img.php?type=bg&ctype=nature&return=302"], 96 | essayCodeHighlightingType: "cnblogs", 97 | essayCodeHighlighting: "", 98 | essaySuffix: { 99 | aboutHtml: "", 100 | copyrightHtml: "", 101 | supportHtml: "" 102 | }, 103 | bottomBlogroll: [], 104 | bottomText: { 105 | icon: "❤️", 106 | left: "大道至简", 107 | right: "知易行难" 108 | }, 109 | consoleList: [], 110 | themeAuthor: !1 111 | }, window.cnblogsConfig = $.extend(!0, window.cnblogsConfigDefault, window.cnblogsConfig); 112 | var url = window.location.href, 113 | tmp = [], 114 | user = (tmp = url.split("/"))[3], 115 | navListHtml = '
  • 首页
  • 随笔
  • 联系
  • 简历
  • 技能树
  • 留言板
  • 管理', 120 | menuNavList = window.cnblogsConfig.menuNavList; 121 | menuNavList.length > 0 && $.each(menuNavList, function (i) { 122 | navListHtml += '
  • ' + menuNavList[i][0] + 123 | "
    • " 124 | }), $("#blog-news").prepend(sidebarHtml), $("#m-nav-list").append(navListHtml), "" === window.cnblogsConfig.blogUser && 125 | (window.cnblogsConfig.blogUser = user), $.ajaxSetup({ 126 | cache: !0 127 | }), $.getScript(getJsDelivrUrl("loading.js"), function () { 128 | pageLoading.initRebound(), pageLoading.initSpinner(), pageLoading.spinner.init(pageLoading.spring, !0), 129 | $.getScript(getJsDelivrUrl("jquery.mCustomScrollbar.min.js"), function () { 130 | $.getScript(getJsDelivrUrl("require.min.js"), function () { 131 | $.getScript(getJsDelivrUrl("config.js"), function () { 132 | require(["optiscroll", "ToProgress", "rotate", "snapSvg", "classie", 133 | "main4", "tools"], function () { 134 | require(["base"], function () { 135 | (new Base).init() 136 | }) 137 | }) 138 | }) 139 | }) 140 | }) 141 | }) 142 | } else $('a[name="top"]').text("SimpleMemory：基础配置有误，请阅读文档，检查配置！").css({ 143 | display: "block", 144 | "text-align": "center", 145 | "padding-top": "45vh", 146 | "font-size": "20px", 147 | color: "#333" 148 | }); 149 | 150 | function initCheck() { 151 | var i = $("#mobile-style").attr("href"); 152 | if (void 0 !== i) { 153 | var e = i.split("/"); 154 | if (-1 !== $.inArray("SimpleMemory", e)) return !0 155 | } 156 | return !1 157 | } 158 | 159 | function getJsDelivrUrl(i, e) { 160 | return i = setFileNameMin(i, e), "https://cdn.jsdelivr.net/gh/" + window.cnblogsConfig.GhUserName + "/" + window.cnblogsConfig 161 | .GhRepositories + "@" + window.cnblogsConfig.GhVersions + "/" + (i || "") 162 | } 163 | 164 | function setFileNameMin(i, e) { 165 | if (void 0 === i) return ""; 166 | var s = null, 167 | t = i.split("."); 168 | if (t.length > 0 && -1 !== $.inArray(t[t.length - 1], ["js", "css"])) switch (s = t.pop()) { 169 | case "js": 170 | e = "script"; 171 | break; 172 | case "css": 173 | e = "style" 174 | } else { 175 | if (void 0 === e) return ""; 176 | switch (e) { 177 | case "js": 178 | e = "script"; 179 | break; 180 | case "css": 181 | e = "style" 182 | } 183 | } 184 | return -1 === i.search(".min") && t.push("min"), null != s && t.push(s), void 0 !== e ? "src/" + e + "/" + t.join( 185 | ".") : t.join(".") 186 | } 187 | //# sourceMappingURL=/sm/ae5a21a598a772a89366b55636becec8c0f33183c204ca4afb6128f656cad765.map -------------------------------------------------------------------------------- /一期博客园样式/star.js: -------------------------------------------------------------------------------- 1 | var scene, 2 | camera, 3 | renderer, 4 | container, 5 | aspect, 6 | fov, 7 | plane, 8 | far, 9 | mouseX, 10 | mouseY, 11 | windowHalfX, 12 | windowHalfY, 13 | geometry, 14 | starStuff, 15 | materialOptions, 16 | stars; 17 | 18 | init(); 19 | animate(); 20 | $("#showstar").find("canvas").attr("style","width:100%;height:40vh;position:absolute;top:0;left:0;z-index:1") 21 | function init() { 22 | container = document.createElement(`div`); 23 | container.setAttribute("id","showstar"); 24 | document.body.appendChild(container); 25 | mouseX = 0; 26 | mouseY = 0; 27 | 28 | aspect = window.innerWidth / window.innerHeight; 29 | fov = 40; 30 | plane = 1; 31 | far = 800; 32 | 33 | windowHalfX = window.innerWidth / 2; 34 | windowHalfY = window.innerHeight / 2; 35 | 36 | camera = new THREE.PerspectiveCamera( 37 | fov, 38 | aspect, 39 | plane, 40 | far 41 | ); 42 | 43 | camera.position.z = far / 2; 44 | 45 | scene = new THREE.Scene({ antialias: true }); 46 | scene.fog = new THREE.FogExp2(0x1b1b1b, 0.0001); 47 | 48 | starForge(); 49 | 50 | renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true }); 51 | renderer.setPixelRatio((window.devicePixelRatio) ? window.devicePixelRatio : 1); 52 | renderer.setSize(window.innerWidth, parseFloat($("#blogTitle").css("height"))); 53 | renderer.autoClear = false; 54 | renderer.setClearColor(0x000000, 0.0); 55 | container.appendChild(renderer.domElement); 56 | 57 | 58 | 59 | document.addEventListener('mousemove', onMouseMove, false); 60 | } 61 | 62 | function animate() { 63 | requestAnimationFrame(animate); 64 | render(); 65 | } 66 | 67 | function render() { 68 | camera.position.x += (mouseX - camera.position.x) * 0.005; 69 | camera.position.y += (-mouseY - camera.position.y) * 0.005; 70 | camera.lookAt(scene.position); 71 | renderer.render(scene, camera); 72 | } 73 | 74 | function starForge() { 75 | var amount = 45000; 76 | geometry = new THREE.SphereGeometry(1000, 100, 50); 77 | 78 | materialOptions = { 79 | color: new THREE.Color(0xffffff), 80 | size: 1.1, 81 | transparency: true, 82 | opacity: 0.8 83 | }; 84 | 85 | starStuff = new THREE.PointsMaterial(materialOptions); 86 | 87 | 88 | for (var i = 0; i < amount; i++) { 89 | var item = new THREE.Vector3(); 90 | item.x = Math.random() * 2000 - 1000; 91 | item.y = Math.random() * 2000 - 1000; 92 | item.z = Math.random() * 2000 - 1000; 93 | 94 | geometry.vertices.push(item); 95 | } 96 | 97 | stars = new THREE.PointCloud(geometry, starStuff); 98 | scene.add(stars); 99 | } 100 | 101 | function onMouseMove(e) { 102 | mouseX = e.clientX - windowHalfX; 103 | mouseY = e.clientY - windowHalfY; 104 | } -------------------------------------------------------------------------------- /二期博客园样式/OwO.min.css: -------------------------------------------------------------------------------- 1 | .OwO{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.OwO:hover .OwO-logo{color:#444}.OwO.OwO-open .OwO-logo{border-radius:4px 4px 0 0;border-bottom:none;color:#444}.OwO.OwO-open .OwO-body{display:block}.OwO.OwO-up .OwO-body{top:inherit;bottom:21px;border-radius:4px 4px 4px 0}.OwO.OwO-up .OwO-body .OwO-bar .OwO-packages li:nth-child(1){border-radius:0}.OwO.OwO-up.OwO-open .OwO-logo{border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none}.OwO .OwO-logo{position:relative;display:inline-block;color:#888;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:13px;padding:2px 5px;cursor:pointer;height:22px;box-sizing:border-box;z-index:2;line-height:16px}.OwO .OwO-logo:hover span{display:inline-block;-webkit-animation:a 5s infinite ease-in-out;animation:a 5s infinite ease-in-out}.OwO .OwO-body{display:none;position:absolute;width:400px;background:#fff;border:1px solid #ddd;z-index:1;top:21px;border-radius:0 4px 4px 4px}.OwO .OwO-body .OwO-items{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;padding:10px;margin:0;overflow:scroll;font-size:0}.OwO .OwO-body .OwO-items .OwO-item{list-style-type:none;background:#f7f7f7;padding:5px 10px;border-radius:5px;display:inline-block;font-size:12px;line-height:14px;margin:0 10px 12px 0;cursor:pointer;-webkit-transition:.3s;transition:.3s}.OwO .OwO-body .OwO-items .OwO-item:hover{background:#eee;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-webkit-animation:a 5s infinite ease-in-out;animation:a 5s infinite ease-in-out}.OwO .OwO-body .OwO-items-emoji .OwO-item{font-size:20px;line-height:19px}.OwO .OwO-body .OwO-items-image .OwO-item{max-width:calc(25% - 10px);box-sizing:border-box}.OwO .OwO-body .OwO-items-image .OwO-item img{max-width:100%}.OwO .OwO-body .OwO-items-show{display:block}.OwO .OwO-body .OwO-bar{width:100%;height:30px;border-top:1px solid #ddd;background:#fff;border-radius:0 0 4px 4px;color:#444}.OwO .OwO-body .OwO-bar .OwO-packages{margin:0;padding:0;font-size:0}.OwO .OwO-body .OwO-bar .OwO-packages li{list-style-type:none;display:inline-block;line-height:30px;font-size:14px;padding:0 10px;cursor:pointer;margin-right:3px}.OwO .OwO-body .OwO-bar .OwO-packages li:nth-child(1){border-radius:0 0 0 3px}.OwO .OwO-body .OwO-bar .OwO-packages li:hover{background:#eee}.OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active{background:#eee;-webkit-transition:.3s;transition:.3s}@-webkit-keyframes a{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-.5px) rotate(-1.5deg);transform:translateY(-.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}28%{-webkit-transform:translateY(.5px) rotate(1.5deg);transform:translateY(.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}32%,34%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}50%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(.5px) rotate(2.5deg);transform:translateY(.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}76%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-.5deg);transform:translateY(2.5px) rotate(-.5deg)}92%{-webkit-transform:translateY(.5px) rotate(-.5deg);transform:translateY(.5px) rotate(-.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(.5deg);transform:translateY(2.5px) rotate(.5deg)}96%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}@keyframes a{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-.5px) rotate(-1.5deg);transform:translateY(-.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}28%{-webkit-transform:translateY(.5px) rotate(1.5deg);transform:translateY(.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}32%,34%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}50%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(.5px) rotate(2.5deg);transform:translateY(.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}76%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-.5deg);transform:translateY(2.5px) rotate(-.5deg)}92%{-webkit-transform:translateY(.5px) rotate(-.5deg);transform:translateY(.5px) rotate(-.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(.5deg);transform:translateY(2.5px) rotate(.5deg)}96%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}} -------------------------------------------------------------------------------- /二期博客园样式/OwO.min.js: -------------------------------------------------------------------------------- 1 | "use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var _createClass=function(){function e(e,t){ 2 | for(var a=0;a=200&&i.status<300||304===i.status?(a.odata=JSON.parse(i.responseText),a.init(t)): 8 | console.log("OwO data request was unsuccessful: "+i.status))},i.open("get",t.api,!0),i.send(null)} 9 | return _createClass(e,[{key:"init",value:function(e){var t=this;this.area=e.target,this.packages=Object.keys(this.odata); 10 | for(var a='\n \n
    ',s=0;s'; 12 | for(var n=this.odata[this.packages[s]].container,i=0;i'+n[i].icon+""+n[i].write+""; 14 | a+="\n "}a+='\n
    \n
      '; 15 | for(var o=0;o"+this.packages[o]+""; 16 | a+="\n
    \n
    \n
    \n ",this.container.innerHTML=a,this.logo=this.container.getElementsByClassName("OwO-logo")[0],this.logo.addEventListener("click",function(){t.toggle();}),this.container.getElementsByClassName("OwO-body")[0].addEventListener("click",function(e){ 17 | var a=null; 18 | if(e.target.classList.contains("OwO-item")?a=e.target:e.target.parentNode.classList.contains("OwO-item")&&(a=e.target.parentNode),a){ 19 | var s=t.area.selectionEnd,n=t.area.value; 20 | var num = a.children[0].innerHTML 21 | if(num == ""){ 22 | num = a.children[1].innerHTML 23 | } 24 | t.area.value=n.slice(0,s)+num+n.slice(s),t.area.focus(),t.toggle(); 25 | 26 | //console.log(n.slice(0,s)+a.innerHTML+n.slice(s)) 27 | } 28 | }),this.packagesEle=this.container.getElementsByClassName("OwO-packages")[0]; 29 | 30 | for(var c=function(e){!function(a){ 31 | t.packagesEle.children[e].addEventListener("click",function(){ 32 | t.tab(a);} 33 | )}(e)},l=0;l=min && <=max 4 | * @param min 5 | * @param max 6 | */ 7 | function getRandom(min, max) { 8 | return min + Math.floor(Math.random() * (max - min + 1)) 9 | } 10 | class ThumbsUpAni { 11 | imgsList = []; 12 | context; 13 | width = 0; 14 | height = 0; 15 | scanning = false; 16 | renderList=[]; 17 | scaleTime = 0.1;// 百分比 18 | constructor() { 19 | this.loadImages(); 20 | const canvas = document.getElementById('thumsCanvas'); 21 | this.context = canvas.getContext('2d'); 22 | this.width = canvas.width; 23 | this.height = canvas.height; 24 | } 25 | loadImages() { 26 | const images = [ 27 | 'o_200522031835like1.png', 28 | 'o_200522031842like2.png', 29 | 'o_200522031850like3.png', 30 | 'o_200522031859like4.png', 31 | 'o_200522031907like5.png', 32 | 'o_200522031915like6.png' 33 | ]; 34 | const promiseAll = []; 35 | images.forEach((src) => { 36 | const p = new Promise(function (resolve) { 37 | const img = new Image; 38 | img.onerror = img.onload = resolve.bind(null, img); 39 | img.src = 'https://images.cnblogs.com/cnblogs_com/miluluyo/1765646/' + src; 40 | }); 41 | promiseAll.push(p); 42 | }); 43 | Promise.all(promiseAll).then((imgsList) => { 44 | this.imgsList = imgsList.filter((d) => { 45 | if (d && d.width > 0) return true; 46 | return false; 47 | }); 48 | if (this.imgsList.length == 0) { 49 | dLog('error', 'imgsList load all error'); 50 | return; 51 | } 52 | }) 53 | } 54 | createRender() { 55 | if (this.imgsList.length == 0) return null; 56 | const basicScale = [0.6, 0.9, 1.2][getRandom(0, 2)]; 57 | 58 | const getScale = (diffTime) => { 59 | if (diffTime < this.scaleTime) { 60 | return +((diffTime/ this.scaleTime).toFixed(2)) * basicScale; 61 | } else { 62 | return basicScale; 63 | } 64 | }; 65 | const context = this.context; 66 | // 随机读取一个图片来渲染 67 | const image = this.imgsList[getRandom(0, this.imgsList.length - 1)] 68 | const offset = 20; 69 | const basicX = this.width / 2 + getRandom(-offset, offset); 70 | const angle = getRandom(2, 10); 71 | let ratio = getRandom(10,30)*((getRandom(0, 1) ? 1 : -1)); 72 | const getTranslateX = (diffTime) => { 73 | if (diffTime < this.scaleTime) {// 放大期间，不进行摇摆位移 74 | return basicX; 75 | } else { 76 | return basicX + ratio*Math.sin(angle*(diffTime - this.scaleTime)); 77 | } 78 | }; 79 | 80 | const getTranslateY = (diffTime) => { 81 | return image.height / 2 + (this.height - image.height / 2) * (1-diffTime); 82 | }; 83 | 84 | const fadeOutStage = getRandom(14, 18) / 100; 85 | const getAlpha = (diffTime) => { 86 | let left = 1 - +diffTime; 87 | if (left > fadeOutStage) { 88 | return 1; 89 | } else { 90 | return 1 - +((fadeOutStage - left) / fadeOutStage).toFixed(2); 91 | } 92 | }; 93 | 94 | return (diffTime) => { 95 | // 差值满了，即结束了 0 ---》 1 96 | if(diffTime>=1) return true; 97 | context.save(); 98 | const scale = getScale(diffTime); 99 | // const rotate = getRotate(); 100 | const translateX = getTranslateX(diffTime); 101 | const translateY = getTranslateY(diffTime); 102 | context.translate(translateX, translateY); 103 | context.scale(scale, scale); 104 | // context.rotate(rotate * Math.PI / 180); 105 | context.globalAlpha = getAlpha(diffTime); 106 | context.drawImage( 107 | image, 108 | -image.width / 2, 109 | -image.height / 2, 110 | image.width, 111 | image.height 112 | ); 113 | context.restore(); 114 | }; 115 | } 116 | scan() { 117 | this.context.clearRect(0, 0, this.width, this.height); 118 | this.context.fillStyle = "rgba(255,255,255,0)"; 119 | this.context.fillRect(0,0,200,400); 120 | let index = 0; 121 | let length = this.renderList.length; 122 | if (length > 0) { 123 | requestFrame(this.scan.bind(this)); 124 | this.scanning = true; 125 | } else { 126 | this.scanning = false; 127 | } 128 | while (index < length) { 129 | const child = this.renderList[index]; 130 | if (!child || !child.render || child.render.call(null, (Date.now() - child.timestamp) / child.duration)) { 131 | // 结束了，删除该动画 132 | this.renderList.splice(index, 1); 133 | length--; 134 | } else { 135 | // continue 136 | index++; 137 | } 138 | } 139 | } 140 | start() { 141 | const render = this.createRender(); 142 | const duration = getRandom(1500, 3000); 143 | this.renderList.push({ 144 | render, 145 | duration, 146 | timestamp: Date.now(), 147 | }); 148 | if (!this.scanning) { 149 | this.scanning = true; 150 | requestFrame(this.scan.bind(this)); 151 | } 152 | return this; 153 | } 154 | } 155 | function requestFrame(cb) { 156 | return ( 157 | window.requestAnimationFrame || 158 | window.webkitRequestAnimationFrame || 159 | function(callback) { 160 | window.setTimeout(callback, 1000 / 60); 161 | } 162 | )(cb); 163 | } 164 | 165 | 166 | const thumbsUpAni = new ThumbsUpAni(); 167 | $('.artice_recommend').click(function(event){ 168 | /*$(document).on("click",".artice_recommend",function(){*/ 169 | if($("#digg_tips").text().trim().replace(/\s/g,"") == "" ){ 170 | $(".diggit").click() 171 | } 172 | $(".artice_recommend").html('') 173 | thumbsUpAni.start(); 174 | return false; 175 | }) 176 | /*})*/ -------------------------------------------------------------------------------- /二期博客园样式/cute-cnblogs2.js: -------------------------------------------------------------------------------- 1 | function isMobile(){var userAgentInfo=navigator.userAgent;var mobileAgents=["Android","iPhone","SymbianOS","Windows Phone","iPad","iPod"];var mobile_flag=false;for(var v=0;v0){mobile_flag=true;break}}var screen_width=window.screen.width;var screen_height=window.screen.height;if(screen_width<500&&screen_height<800){mobile_flag=true}return mobile_flag}var mobile_flag=isMobile();var blogTitle=$("#blogTitle").html();$("#blogTitle").html("
    "+blogTitle+"
    ");function light_white(){$("#reading").remove();$("#darkly").remove();$("#reading").remove();$("#darkly").remove();$("#fish_script").remove();$("#jsi-flying-fish-container").html("");if(mobile_flag){}else{var script=document.createElement("script");script.type="text/javascript";script.id="fish_type";script.src="https://blog-static.cnblogs.com/files/miluluyo/fish.js";document.body.appendChild(script)}}function furvous(){$("#reading").remove();var link=document.createElement("link");link.rel="stylesheet";link.id="darkly";link.href="https://blog-static.cnblogs.com/files/miluluyo/darkly.css";document.body.appendChild(link);$("#fish_script").remove();if(mobile_flag){}else{$("#jsi-flying-fish-container").html("");var script=document.createElement("script");script.type="text/javascript";script.id="fish_type";script.src="https://blog-static.cnblogs.com/files/miluluyo/fish2.js";document.body.appendChild(script)}}function reading(){$("#darkly").remove();var link=document.createElement("link");link.rel="stylesheet";link.id="reading";link.href="https://blog-static.cnblogs.com/files/miluluyo/reading.css";document.body.appendChild(link);$("#fish_script").remove();$("#jsi-flying-fish-container").html("");if(mobile_flag){}else{var script=document.createElement("script");script.type="text/javascript";script.id="fish_type";script.src="https://blog-static.cnblogs.com/files/miluluyo/fish3.js";document.body.appendChild(script)}}var skins=localStorage.getItem("skin");if(skins==null||skins==undefined){light_white()}else{if(skins=="light_white"){light_white()}else{if(skins=="furvous"){furvous()}else{if(skins=="reading"){reading()}}}}function miluframe(setting){var c={Youself:"https://www.cnblogs.com/miluluyo/",custom:[{name:"首页",link:"https://www.cnblogs.com/miluluyo/",istarget:false},{name:"联系",link:"https://msg.cnblogs.com/send/%E9%BA%8B%E9%B9%BF%E9%B2%81%E5%93%9F",istarget:true},{name:"技能树",link:"https://miluluyo.github.io/",istarget:true},{name:"留言板",link:"https://www.cnblogs.com/miluluyo/p/11578505.html",istarget:false},{name:"相册",link:"https://www.cnblogs.com/miluluyo/gallery.html",istarget:false},{name:"友链",link:"https://www.cnblogs.com/miluluyo/p/11633791.html",istarget:false},{name:"维护",link:"https://www.cnblogs.com/miluluyo/p/12092009.html",istarget:false},{name:"投喂",link:"https://www.cnblogs.com/miluluyo/p/gratuity.html",istarget:false},{name:"管理",link:"https://i.cnblogs.com/",istarget:true}],resume:{"name":"麋鹿鲁哟","link":"https://www.cnblogs.com/miluluyo/","headurl":"https://images.cnblogs.com/cnblogs_com/elkyo/1558759/o_o_my.jpg","introduction":"大道至简，知易行难。"},unionbox:[{"name":"麋鹿鲁哟","introduction":"生活是没有标准答案的。","url":"https://www.cnblogs.com/miluluyo","headurl":"https://images.cnblogs.com/cnblogs_com/elkyo/1558759/o_o_my.jpg"},{"name":"麋鹿鲁哟的技能树","introduction":"大道至简，知易行难。","url":"https://miluluyo.github.io/","headurl":"https://images.cnblogs.com/cnblogs_com/elkyo/1558759/o_o_my.jpg"}],details:[{field:"name",literal:"昵称",},{field:"introduction",literal:"标语",},{field:"url",literal:"链接地址",},{field:"headurl",literal:"头像地址",}],logoimg:"https://images.cnblogs.com/cnblogs_com/miluluyo/1765646/o_200519070633f12.png",cuteicon:["icon-caomei","icon-boluo","icon-huolongguo","icon-chengzi","icon-hamigua","icon-lizhi","icon-mangguo","icon-liulian","icon-lizi","icon-lanmei","icon-longyan","icon-shanzhu","icon-pingguo","icon-mihoutao","icon-niuyouguo","icon-xigua","icon-putao","icon-xiangjiao","icon-ningmeng","icon-yingtao","icon-taozi","icon-shiliu","icon-ximei","icon-shizi"],gratuity:'

    要请我喝奶茶吗 (づ｡◕ᴗᴗ◕｡)づ

    微信扫码
    支付宝扫码

    留下一句你觉得很励志与美的话给我吧~  GO

    ',isGratuity:true};$.extend(c,setting);allpage(c)}function allpage(c){var custom="";for(var i=0;i'+c.custom[i].name+""}else{custom=custom+'
  • '+c.custom[i].name+"
    • "}}$("#navList").html(custom);if(mobile_flag){}else{$("#footer").before('
    ') 2 | }var le=$(".postTitle2").length;for(var i=0;i