🍭Add：添加蹦跶的颜文字与建站时间项，同时优化了部分代码

2 files changed, 277 insertions, 0 deletions

diff --git a/assets/css/main/special.css b/assets/css/main/special.css
index 6b3c342..1ae2867 100644
--- a/assets/css/main/special.css
+++ b/assets/css/main/special.css
@@ -243,4 +243,253 @@ iframe[src*="//player.bilibili.com/player.html"] {
 }

 .fadein {

 	opacity: 1;

+}

+/*底部动画字符*/

+.anime-face {

+    animation: anime-face 5s infinite ease-in-out;

+    display: inline-block;

+    margin: 0 5px;

+}

+@-webkit-keyframes anime-face {

+    2%,24%,80% {

+        -webkit-transform: translate(0,1.5px) rotate(1.5deg);

+        transform: translate(0,1.5px) rotate(1.5deg)

+    }

+

+    4%,68%,98% {

+        -webkit-transform: translate(0,-1.5px) rotate(-.5deg);

+        transform: translate(0,-1.5px) rotate(-.5deg)

+    }

+

+    38%,6% {

+        -webkit-transform: translate(0,1.5px) rotate(-1.5deg);

+        transform: translate(0,1.5px) rotate(-1.5deg)

+    }

+

+    8%,86% {

+        -webkit-transform: translate(0,-1.5px) rotate(-1.5deg);

+        transform: translate(0,-1.5px) rotate(-1.5deg)

+    }

+

+    10%,72% {

+        -webkit-transform: translate(0,2.5px) rotate(1.5deg);

+        transform: translate(0,2.5px) rotate(1.5deg)

+    }

+

+    12%,64%,78%,96% {

+        -webkit-transform: translate(0,-.5px) rotate(1.5deg);

+        transform: translate(0,-.5px) rotate(1.5deg)

+    }

+

+    14%,54% {

+        -webkit-transform: translate(0,-1.5px) rotate(1.5deg);

+        transform: translate(0,-1.5px) rotate(1.5deg)

+    }

+

+    16% {

+        -webkit-transform: translate(0,-.5px) rotate(-1.5deg);

+        transform: translate(0,-.5px) rotate(-1.5deg)

+    }

+

+    18%,22% {

+        -webkit-transform: translate(0,.5px) rotate(-1.5deg);

+        transform: translate(0,.5px) rotate(-1.5deg)

+    }

+

+    20%,36%,46% {

+        -webkit-transform: translate(0,-1.5px) rotate(2.5deg);

+        transform: translate(0,-1.5px) rotate(2.5deg)

+    }

+

+    26%,50% {

+        -webkit-transform: translate(0,.5px) rotate(.5deg);

+        transform: translate(0,.5px) rotate(.5deg)

+    }

+

+    28% {

+        -webkit-transform: translate(0,.5px) rotate(1.5deg);

+        transform: translate(0,.5px) rotate(1.5deg)

+    }

+

+    30%,40%,62%,76%,88% {

+        -webkit-transform: translate(0,-.5px) rotate(2.5deg);

+        transform: translate(0,-.5px) rotate(2.5deg)

+    }

+

+    32%,34%,66% {

+        -webkit-transform: translate(0,1.5px) rotate(-.5deg);

+        transform: translate(0,1.5px) rotate(-.5deg)

+    }

+

+    42% {

+        -webkit-transform: translate(0,2.5px) rotate(-1.5deg);

+        transform: translate(0,2.5px) rotate(-1.5deg)

+    }

+

+    44%,70% {

+        -webkit-transform: translate(0,1.5px) rotate(.5deg);

+        transform: translate(0,1.5px) rotate(.5deg)

+    }

+

+    48%,74%,82% {

+        -webkit-transform: translate(0,-.5px) rotate(.5deg);

+        transform: translate(0,-.5px) rotate(.5deg)

+    }

+

+    52%,56%,60% {

+        -webkit-transform: translate(0,2.5px) rotate(2.5deg);

+        transform: translate(0,2.5px) rotate(2.5deg)

+    }

+

+    58% {

+        -webkit-transform: translate(0,.5px) rotate(2.5deg);

+        transform: translate(0,.5px) rotate(2.5deg)

+    }

+

+    84% {

+        -webkit-transform: translate(0,1.5px) rotate(2.5deg);

+        transform: translate(0,1.5px) rotate(2.5deg)

+    }

+

+    90% {

+        -webkit-transform: translate(0,2.5px) rotate(-.5deg);

+        transform: translate(0,2.5px) rotate(-.5deg)

+    }

+

+    92% {

+        -webkit-transform: translate(0,.5px) rotate(-.5deg);

+        transform: translate(0,.5px) rotate(-.5deg)

+    }

+

+    94% {

+        -webkit-transform: translate(0,2.5px) rotate(.5deg);

+        transform: translate(0,2.5px) rotate(.5deg)

+    }

+

+    0%,100% {

+        -webkit-transform: translate(0,0) rotate(0);

+        transform: translate(0,0) rotate(0)

+    }

+}

+

+@keyframes anime-face {

+    2%,24%,80% {

+        -webkit-transform: translate(0,1.5px) rotate(1.5deg);

+        transform: translate(0,1.5px) rotate(1.5deg)

+    }

+

+    4%,68%,98% {

+        -webkit-transform: translate(0,-1.5px) rotate(-.5deg);

+        transform: translate(0,-1.5px) rotate(-.5deg)

+    }

+

+    38%,6% {

+        -webkit-transform: translate(0,1.5px) rotate(-1.5deg);

+        transform: translate(0,1.5px) rotate(-1.5deg)

+    }

+

+    8%,86% {

+        -webkit-transform: translate(0,-1.5px) rotate(-1.5deg);

+        transform: translate(0,-1.5px) rotate(-1.5deg)

+    }

+

+    10%,72% {

+        -webkit-transform: translate(0,2.5px) rotate(1.5deg);

+        transform: translate(0,2.5px) rotate(1.5deg)

+    }

+

+    12%,64%,78%,96% {

+        -webkit-transform: translate(0,-.5px) rotate(1.5deg);

+        transform: translate(0,-.5px) rotate(1.5deg)

+    }

+

+    14%,54% {

+        -webkit-transform: translate(0,-1.5px) rotate(1.5deg);

+        transform: translate(0,-1.5px) rotate(1.5deg)

+    }

+

+    16% {

+        -webkit-transform: translate(0,-.5px) rotate(-1.5deg);

+        transform: translate(0,-.5px) rotate(-1.5deg)

+    }

+

+    18%,22% {

+        -webkit-transform: translate(0,.5px) rotate(-1.5deg);

+        transform: translate(0,.5px) rotate(-1.5deg)

+    }

+

+    20%,36%,46% {

+        -webkit-transform: translate(0,-1.5px) rotate(2.5deg);

+        transform: translate(0,-1.5px) rotate(2.5deg)

+    }

+

+    26%,50% {

+        -webkit-transform: translate(0,.5px) rotate(.5deg);

+        transform: translate(0,.5px) rotate(.5deg)

+    }

+

+    28% {

+        -webkit-transform: translate(0,.5px) rotate(1.5deg);

+        transform: translate(0,.5px) rotate(1.5deg)

+    }

+

+    30%,40%,62%,76%,88% {

+        -webkit-transform: translate(0,-.5px) rotate(2.5deg);

+        transform: translate(0,-.5px) rotate(2.5deg)

+    }

+

+    32%,34%,66% {

+        -webkit-transform: translate(0,1.5px) rotate(-.5deg);

+        transform: translate(0,1.5px) rotate(-.5deg)

+    }

+

+    42% {

+        -webkit-transform: translate(0,2.5px) rotate(-1.5deg);

+        transform: translate(0,2.5px) rotate(-1.5deg)

+    }

+

+    44%,70% {

+        -webkit-transform: translate(0,1.5px) rotate(.5deg);

+        transform: translate(0,1.5px) rotate(.5deg)

+    }

+

+    48%,74%,82% {

+        -webkit-transform: translate(0,-.5px) rotate(.5deg);

+        transform: translate(0,-.5px) rotate(.5deg)

+    }

+

+    52%,56%,60% {

+        -webkit-transform: translate(0,2.5px) rotate(2.5deg);

+        transform: translate(0,2.5px) rotate(2.5deg)

+    }

+

+    58% {

+        -webkit-transform: translate(0,.5px) rotate(2.5deg);

+        transform: translate(0,.5px) rotate(2.5deg)

+    }

+

+    84% {

+        -webkit-transform: translate(0,1.5px) rotate(2.5deg);

+        transform: translate(0,1.5px) rotate(2.5deg)

+    }

+

+    90% {

+        -webkit-transform: translate(0,2.5px) rotate(-.5deg);

+        transform: translate(0,2.5px) rotate(-.5deg)

+    }

+

+    92% {

+        -webkit-transform: translate(0,.5px) rotate(-.5deg);

+        transform: translate(0,.5px) rotate(-.5deg)

+    }

+

+    94% {

+        -webkit-transform: translate(0,2.5px) rotate(.5deg);

+        transform: translate(0,2.5px) rotate(.5deg)

+    }

+

+    0%,100% {

+        -webkit-transform: translate(0,0) rotate(0);

+        transform: translate(0,0) rotate(0)

+    }

 }
\ No newline at end of file
diff --git a/assets/js/miracles.min.js b/assets/js/miracles.min.js
index 567b192..b1488eb 100644
--- a/assets/js/miracles.min.js
+++ b/assets/js/miracles.min.js
@@ -469,6 +469,34 @@ function getWordsNum() {
     idGetEl("readTip").innerHTML = "本文约 " + sLen + "字 阅读大概需要 " + time + " 分钟";

 }

 /**

+ * Build Time Echo

+ */

+function startTime(time = '2010-01-01') {

+    startTimeV = time;

+    var $time = new Date().getTime() - new Date(startTimeV);

+    if ($time < 0) return '0秒';

+    let result = '';

+    if ($time >= 365 * 86400000) {

+        result += parseInt($time / (365 * 86400000)) + ' 年 ';

+        $time = ($time % (365 * 86400000));

+    }

+    if ($time >= 86400000) {

+        result += parseInt($time / 86400000) + ' 天 ';

+        $time = ($time % 86400000);

+    }

+    if ($time >= 3600000) {

+        result += parseInt($time / 3600000) + ' 小时 ';

+        $time = ($time % 3600000);

+    }

+    if ($time >= 60000) {

+        result += parseInt($time / 60000) + ' 分 ';

+        $time = ($time % 60000);

+    }

+    result += parseInt($time / 1000) + ' 秒 ';

+    $('#build-time').html(result);

+    buildTimeout = setTimeout('startTime(startTimeV)', 1000)

+}

+/**

  *  Copyright

  */

 console.log("%c 🎉 Theme Miracles %c by Eltrac %c 仓库: https://github.com/BigCoke233/miracles %c 演示：https://guhub.cn", "color: #fff; margin: 1em 0; padding: 5px 0; background: #29c75f;", "margin: 1em 0; padding: 5px 0; background: #efefef;", "display: block;margin-left:-0.5em;", "display: block;margin-left:-0.5em;margin-bottom:1em");