add

static/Homepage/Noisky_files/animate.css

@@ -0,0 +1,192 @@
+/**
+ * 移动端菜单栏动画
+ */
+.animated {
+    -webkit-animation-fill-mode: both;
+    -moz-animation-fill-mode: both;
+    -ms-animation-fill-mode: both;
+    -o-animation-fill-mode: both;
+    animation-fill-mode: both;
+    -webkit-animation-duration: 1s;
+    -moz-animation-duration: 1s;
+    -ms-animation-duration: 1s;
+    -o-animation-duration: 1s;
+    animation-duration: 1s;
+}
+
+.animated.hinge {
+    -webkit-animation-duration: 1s;
+    -moz-animation-duration: 1s;
+    -ms-animation-duration: 1s;
+    -o-animation-duration: 1s;
+    animation-duration: 1s;
+}
+
+.animated.flip {
+    -webkit-backface-visibility: visible !important;
+    -webkit-animation-name: flip;
+    -moz-backface-visibility: visible !important;
+    -moz-animation-name: flip;
+    -o-backface-visibility: visible !important;
+    -o-animation-name: flip;
+    backface-visibility: visible !important;
+    animation-name: flip;
+}
+
+@-webkit-keyframes bounceOutUp {
+    0% {
+        -webkit-transform: translateY(0);
+    }
+
+    20% {
+        opacity: 1;
+        -webkit-transform: translateY(20px);
+    }
+
+    100% {
+        opacity: 0;
+        -webkit-transform: translateY(-2000px);
+    }
+}
+
+@-moz-keyframes bounceOutUp {
+    0% {
+        -moz-transform: translateY(0);
+    }
+
+    20% {
+        opacity: 1;
+        -moz-transform: translateY(20px);
+    }
+
+    100% {
+        opacity: 0;
+        -moz-transform: translateY(-2000px);
+    }
+}
+
+@-o-keyframes bounceOutUp {
+    0% {
+        -o-transform: translateY(0);
+    }
+
+    20% {
+        opacity: 1;
+        -o-transform: translateY(20px);
+    }
+
+    100% {
+        opacity: 0;
+        -o-transform: translateY(-2000px);
+    }
+}
+
+@keyframes bounceOutUp {
+    0% {
+        transform: translateY(0);
+    }
+
+    20% {
+        opacity: 1;
+        transform: translateY(20px);
+    }
+
+    100% {
+        opacity: 0;
+        transform: translateY(-2000px);
+    }
+}
+
+.bounceOutUp {
+    -webkit-animation-name: bounceOutUp;
+    -moz-animation-name: bounceOutUp;
+    -o-animation-name: bounceOutUp;
+    animation-name: bounceOutUp;
+}
+
+@-webkit-keyframes bounceInDown {
+    0% {
+        opacity: 0;
+        -webkit-transform: translateY(-2000px);
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translateY(30px);
+    }
+
+    80% {
+        -webkit-transform: translateY(-10px);
+    }
+
+    100% {
+        -webkit-transform: translateY(0);
+    }
+}
+
+@-moz-keyframes bounceInDown {
+    0% {
+        opacity: 0;
+        -moz-transform: translateY(-2000px);
+    }
+
+    60% {
+        opacity: 1;
+        -moz-transform: translateY(30px);
+    }
+
+    80% {
+        -moz-transform: translateY(-10px);
+    }
+
+    100% {
+        -moz-transform: translateY(0);
+    }
+}
+
+@-o-keyframes bounceInDown {
+    0% {
+        opacity: 0;
+        -o-transform: translateY(-2000px);
+    }
+
+    60% {
+        opacity: 1;
+        -o-transform: translateY(30px);
+    }
+
+    80% {
+        -o-transform: translateY(-10px);
+    }
+
+    100% {
+        -o-transform: translateY(0);
+    }
+}
+
+@keyframes bounceInDown {
+    0% {
+        opacity: 0;
+        transform: translateY(-2000px);
+    }
+
+    60% {
+        opacity: 1;
+        transform: translateY(30px);
+    }
+
+    80% {
+        transform: translateY(-10px);
+    }
+
+    100% {
+        transform: translateY(0);
+    }
+}
+
+.bounceInDown {
+    -webkit-animation-name: bounceInDown;
+    -moz-animation-name: bounceInDown;
+    -o-animation-name: bounceInDown;
+    animation-name: bounceInDown;
+}

static/Homepage/Noisky_files/font-awesome.lite.css

@@ -0,0 +1,103 @@
+/*
+ * Font Awesome Lite.
+ * Created by Noisky on 19/08/29.
+ * Revised by Noisky on 19/08/29.
+ */
+
+@font-face {
+    font-family: 'FontAwesome';
+    font-weight: normal;
+    font-style: normal;
+    src: url('//gcore.jsdelivr.net/gh/ldxw/cdn@master/static/Homepage/Noisky_files/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2')
+}
+
+.fa {
+    display: inline-block;
+    font: normal normal normal 14px/1 FontAwesome;
+    font-size: inherit;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale
+}
+
+.fa-weibo:before {
+    content: "\f18a"
+}
+
+.fa-qq:before {
+    content: "\f1d6"
+}
+
+.fa-telegram:before {
+    content: "\f2c6"
+}
+
+.fa-wechat:before,
+.fa-weixin:before {
+    content: "\f1d7"
+}
+
+.fa-github-square:before {
+    content: "\f092"
+}
+
+.fa-github:before {
+    content: "\f09b"
+}
+
+.fa-github-alt:before {
+    content: "\f113"
+}
+
+.fa-feed:before,
+.fa-rss:before {
+    content: "\f09e"
+}
+
+.fa-rss-square:before {
+    content: "\f143"
+}
+
+.fa-list-alt:before {
+    content: "\f022"
+}
+
+.fa-list:before {
+    content: "\f03a"
+}
+
+.fa-list-ul:before {
+    content: "\f0ca"
+}
+
+.fa-list-ol:before {
+    content: "\f0cb"
+}
+
+.fa-angle-up:before {
+    content: "\f106"
+}
+
+.fa-envelope-o:before {
+    content: "\f003"
+}
+
+.fa-envelope:before {
+    content: "\f0e0"
+}
+
+.fa-envelope-square:before {
+    content: "\f199"
+}
+
+.fa-envelope-open:before {
+    content: "\f2b6"
+}
+
+.fa-envelope-open-o:before {
+    content: "\f2b7"
+}
+
+.fa-home:before {
+    content: "\f015"
+}

static/Homepage/Noisky_files/main.css

@@ -0,0 +1,684 @@
+/**
+ * Created by Noisky on 17/05/13.
+ * Revised by Noisky on 19/08/29.
+ */
+@import url(//gcore.jsdelivr.net/gh/ldxw/cdn@master/static/Homepage/Noisky_files/animate.css);
+
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    vertical-align: baseline;
+    font: inherit;
+    font-size: 100%;
+}
+
+tbody, tfoot, thead, tr, th, td {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font: inherit;
+    font-size: 100%;
+}
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+    display: block;
+}
+
+body {
+    line-height: 1;
+}
+
+ol, ul {
+    list-style: none;
+}
+
+body:before, body:after {
+    display: table;
+    content: "";
+}
+
+body:after {
+    clear: both;
+}
+
+html, body {
+    height: 100%;
+}
+
+html {
+    height: 100%;
+    max-height: 100%;
+}
+
+body {
+    color: #333333;
+    font-size: 1em;
+    font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
+    -webkit-font-smoothing: antialiased;
+}
+
+::selection {
+    background: rgba(255, 255, 255, 0.3);
+}
+
+::-moz-selection {
+    background: rgba(255, 255, 255, 0.3);
+}
+
+a {
+    color: #DF9C81;
+    text-decoration: none;
+}
+
+a:hover {
+    color: #d06c44;
+    -webkit-transition: .5s;
+    -moz-transition: .5s;
+    -o-transition: .5s;
+    -ms-transition: .5s;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h5 {
+    margin-top: 1.0em;
+    margin-bottom: .5em;
+    color: #333333;
+    font-weight: lighter;
+    font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
+    -webkit-font-smoothing: antialiased;
+}
+
+h1 {
+    margin-top: 0;
+    letter-spacing: .05em;
+    font-size: 1.8em;
+    line-height: 1.2em;
+}
+
+h2 {
+    font-size: 1.6em;
+}
+
+h3 {
+    font-size: 1.4em;
+}
+
+h4 {
+    font-size: 1.2em;
+}
+
+h4 {
+    font-size: 1.1em;
+}
+
+h5 {
+    font-size: 1em;
+}
+
+p {
+    margin-bottom: 1.3em;
+    line-height: 1.7em;
+}
+
+em {
+    font-style: italic;
+}
+
+ol, ul {
+    margin: 0 0 .3em 1em;
+}
+
+ol li, ul li {
+    margin: 0 0 .2em 0;
+    line-height: 1.6em;
+}
+
+ol ol, ol ul, ul ol, ul ul {
+    margin: .1em 0 .2em 2em;
+}
+
+ol {
+    list-style-type: decimal;
+}
+
+ul {
+    list-style-type: disc;
+}
+
+.date a,
+.time a,
+.author a,
+.tags a {
+    color: #666666;
+}
+
+.date a:hover,
+.time a:hover,
+.author a:hover,
+.tags a:hover {
+    color: #d06c44;
+}
+
+.logo {
+    width: 25%;
+    border: 3px solid #FFF;
+    border-radius: 50%;
+    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
+    transition: all .5s;
+}
+
+.logo:hover {
+    border: 3px solid #5ba4e5;
+    transition: all .5s;
+    -webkit-transform: rotate(360deg);
+    /* Safari 和 Chrome */
+    -moz-transform: rotate(360deg);
+    /* Firefox */
+    -o-transform: rotate(350deg);
+    /* Opera */
+    transform: rotate(360deg);
+    -ms-transform: rotate(360deg);
+    /* IE 9 */
+}
+
+/* 微博图标
+.Weibo_icon_logo {
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+    vertical-align: -2px;
+}
+
+.Weibo_icon {
+    display: inline-block;
+    background-image: url(//gcore.jsdelivr.net/gh/ldxw/cdn@master/static/Homepage/Noisky_files/img/V_icon_lite.png);
+    background-repeat: no-repeat;
+}
+
+.Weibo_icon_position {
+    position: relative;
+    top: -12px;
+    right: 42px;
+}*/
+
+/* 国旗 */
+.Weibo_icon_position {
+    position: relative;
+    right: 42px;
+    top: -5px;
+}
+
+.Weibo_icon {
+    display: inline-block;
+    background-image: url(//gcore.jsdelivr.net/gh/ldxw/cdn@master/static/Homepage/Noisky_files/img/feed_icon_32x28.png);
+    background-repeat: no-repeat;
+}
+
+.Weibo_icon_logo {
+    width: 40px;
+    height: 35px;
+    vertical-align: -2px;
+}
+
+hr {
+    border: none;
+}
+
+.hidden {
+    display: none !important;
+}
+
+
+.panel-title {
+    margin: 0 0 15px 0;
+    color: #FFF;
+    letter-spacing: 4px;
+    font-size: 2.5em;
+}
+
+.panel-subtitle {
+    color: #CCCCCC;
+    letter-spacing: 3px;
+    font-weight: lighter;
+    font-size: 1.2em;
+    font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
+    -webkit-font-smoothing: antialiased;
+}
+
+.panel-cover {
+    position: fixed;
+    z-index: -1;
+    display: block;
+    width: 100%;
+    height: 100%;
+    max-width: none;
+    background: url(//gcore.jsdelivr.net/gh/ldxw/cdn@master/static/Homepage/Noisky_files/img/background-image/bg-1.jpg) top left no-repeat #666666;
+    background-size: cover;
+}
+
+
+.panel-cover--overlay {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 0;
+    display: block;
+    background-color: rgba(68, 68, 68, 0.6);
+    background-image: -webkit-linear-gradient(-410deg, rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9));
+    background-image: linear-gradient(140deg, rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9));
+}
+
+.panel-cover_logo {
+    margin: 0 0 .2em 40px;
+}
+
+.panel-cover_description {
+    margin: 0 30px;
+    font-weight: 400;
+}
+
+.panel-cover_divider {
+    margin: 20px auto;
+    width: 50%;
+    border-top: 1px solid rgba(255, 255, 255, 0.14);
+}
+
+.panel-cover_divider-secondary {
+    width: 15%;
+}
+
+.panel-main {
+    display: table;
+    width: 100%;
+    height: 100%;
+}
+
+.panel-main_inner {
+    position: relative;
+    z-index: 800;
+    display: table-cell;
+    padding: 0 60px;
+    vertical-align: middle;
+}
+
+.panel-main_content {
+    margin: 0 auto;
+    max-width: 620px;
+}
+
+
+.panel-inverted {
+    color: #FFF;
+    text-align: center;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
+    font-weight: 100;
+}
+
+.panel-inverted a {
+    color: #FFF;
+}
+
+.footer {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    color: #d2d2d2;
+    font-size: .7em;
+}
+
+.footer a {
+    color: #d2d2d2;
+}
+
+.footer p {
+    font-size: 12px;
+}
+
+.footer img {
+    vertical-align: bottom;
+}
+
+.cover-navigation {
+    margin-top: 42px;
+}
+
+/*背景覆盖层*/
+.cover-blue {
+    background-color: rgba(37, 104, 163, 0.6);
+    background-image: -webkit-linear-gradient(-410deg, rgba(37, 104, 163, 0.6) 20%, rgba(18, 51, 80, 0.8));
+    background-image: linear-gradient(140deg, rgba(37, 104, 163, 0.6) 20%, rgba(18, 51, 80, 0.8));
+}
+
+.cover-green {
+    background-color: rgba(21, 111, 120, 0.6);
+    background-image: -webkit-linear-gradient(-410deg, rgba(21, 111, 120, 0.6) 20%, rgba(6, 31, 33, 0.8));
+    background-image: linear-gradient(140deg, rgba(21, 111, 120, 0.6) 20%, rgba(6, 31, 33, 0.8));
+}
+
+.cover-purple {
+    background-color: rgba(73, 50, 82, 0.6);
+    background-image: -webkit-linear-gradient(-410deg, rgba(73, 50, 82, 0.6) 20%, rgba(17, 11, 19, 0.8));
+    background-image: linear-gradient(140deg, rgba(73, 50, 82, 0.6) 20%, rgba(17, 11, 19, 0.8));
+}
+
+.cover-red {
+    background-color: rgba(119, 31, 18, 0.6);
+    background-image: -webkit-linear-gradient(-410deg, rgba(119, 31, 18, 0.6) 20%, rgba(30, 8, 5, 0.8));
+    background-image: linear-gradient(140deg, rgba(119, 31, 18, 0.6) 20%, rgba(30, 8, 5, 0.8));
+}
+
+.cover-orange {
+    background-color: rgba(174, 80, 4, 0.6);
+    background-image: -webkit-linear-gradient(-410deg, rgba(174, 80, 4, 0.6) 20%, rgba(74, 34, 2, 0.8));
+    background-image: linear-gradient(140deg, rgba(174, 80, 4, 0.6) 20%, rgba(74, 34, 2, 0.8));
+}
+
+.cover-slate {
+    background-color: rgba(60, 91, 147, 0.6);
+    background-image: -webkit-linear-gradient(-410deg, rgba(61, 66, 96, 0.6) 20%, rgba(21, 23, 34, 0.8));
+    background-image: linear-gradient(140deg, rgba(61, 66, 96, 0.6) 20%, rgba(21, 23, 34, 0.8));
+}
+
+.navigation_item a {
+    padding: 10px 20px;
+    border: 1px solid #DF9C81;
+    border-radius: 20px;
+    color: #DF9C81;
+    text-shadow: none;
+    letter-spacing: 1px;
+    font-weight: bold;
+    font-size: .9em;
+    -webkit-font-smoothing: antialiased;
+}
+
+.navigation_item a:hover {
+    border-color: #d06c44;
+    color: #d06c44;
+}
+
+
+.btn-mobile-menu {
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    z-index: 9999;
+    display: none;
+    width: 100%;
+    height: 35px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    background: rgba(51, 51, 51, 0.98);
+    text-align: center;
+}
+
+.btn-mobile-menu_icon,
+.btn-mobile-close_icon {
+    position: relative;
+    top: 10px;
+    color: #FFF;
+}
+
+nav {
+    position: relative;
+    display: inline-block;
+}
+
+.navigation {
+    position: relative;
+    float: left;
+    display: inline-block;
+    margin: 0;
+    list-style-type: none;
+}
+
+.navigation_item {
+    display: inline-block;
+    margin: 5px 1px 0 0;
+    line-height: 1em;
+}
+
+.navigation_item a {
+    position: relative;
+    display: block;
+    border-color: #FFF;
+    color: #FFF;
+    opacity: .8;
+}
+
+.navigation_item a:hover {
+    border-color: rgba(255, 255, 255, 0.3);
+    background: rgba(255, 255, 255, 0.3);
+    color: #FFF;
+    opacity: 1;
+    transition: all .3s;
+}
+
+.navigation--social a {
+    padding: 6px 8px 6px 9px;
+    border: 0;
+}
+
+.navigation--social a .label {
+    display: none;
+}
+
+.navigation--social a .icon {
+    display: block;
+    font-size: 1.7em;
+}
+
+.social {
+    font-size: 22px;
+}
+
+*:focus {
+    outline: none;
+}
+
+.wechat[data-v] {
+    position: relative;
+}
+
+.qrCode[data-v] {
+    position: absolute;
+    bottom: 43px;
+    left: -29px;
+    display: none;
+    width: 100px;
+    height: 100px;
+    background-color: #fff;
+    text-align: center;
+}
+
+.wechat .qrCode .triangle-down[data-v] {
+    position: absolute;
+    bottom: -8px;
+    left: 50%;
+    margin-left: -6px;
+    width: 0;
+    height: 0;
+    border-top: 10px solid #fff;
+    border-right: 6px solid transparent;
+    border-left: 6px solid transparent;
+}
+
+.wechat:hover .qrCode[data-v] {
+    display: inline;
+}
+
+@media all and (max-width: 1100px) {
+    .panel-title {
+        font-size: 2em;
+    }
+
+    .panel-subtitle {
+        font-size: 1em;
+    }
+
+    .panel-cover_description {
+        margin: 0 10px;
+        font-size: .9em;
+    }
+
+    .navigation--social {
+        margin-top: 5px;
+        margin-left: 0;
+    }
+}
+
+@media all and (max-width: 960px) {
+    .btn-mobile-menu {
+        display: block;
+    }
+
+    .qrCode[data-v] {
+        Margin: 0 41%;
+    }
+
+    .panel-main {
+        position: relative;
+        display: table;
+    }
+
+    .panel-main_inner {
+        display: table-cell;
+        padding: 60px 10%;
+    }
+
+    .panel-cover_description {
+        display: block;
+        margin: 0 auto;
+        max-width: 600px;
+    }
+
+    .panel-cover {
+        width: 100%;
+        height: 100%;
+        background-position: center center;
+    }
+
+    .panel-cover.panel-cover--collapsed {
+        position: relative;
+        display: block;
+        padding: 0;
+        height: auto;
+        background-position: center center;
+    }
+
+    .panel-cover.panel-cover--collapsed .panel-main_inner {
+        display: block;
+        padding: 70px 0 30px 0;
+    }
+
+    .panel-cover.panel-cover--collapsed .panel-cover_logo {
+        width: 60px;
+        border-width: 2px;
+    }
+
+    .panel-cover.panel-cover--collapsed .panel-cover_description {
+        display: none;
+    }
+
+    .panel-cover.panel-cover--collapsed .panel-cover_divider {
+        display: none;
+        margin: 1em auto;
+    }
+
+    .navigation-wrapper {
+        position: fixed;
+        top: 0;
+        right: 0;
+        left: 0;
+        display: none;
+        padding: 20px 0;
+        width: 100%;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+        background: rgba(51, 51, 51, 0.98);
+    }
+
+    .navigation-wrapper.visible {
+        display: block;
+    }
+
+    .cover-navigation {
+        position: relative;
+        float: left;
+        clear: left;
+        display: block;
+        width: 100%;
+    }
+
+    .cover-navigation .navigation {
+        display: block;
+        width: 100%;
+    }
+
+    .cover-navigation .navigation li {
+        margin-bottom: .4em;
+        width: 80%;
+    }
+
+    .cover-navigation.navigation--social {
+        padding-top: 5px;
+    }
+
+    .cover-navigation.navigation--social .navigation li {
+        display: inline-block;
+        width: 25.8%;
+    }
+
+    .navigation_item {
+        margin: 0 0 .4em 0;
+        width: 100%;
+    }
+}
+
+@media all and (max-width: 767px) {
+    .panel-cover_logo {
+        width: 100px;
+    }
+
+    .Weibo_icon_position {
+        top: -6px;
+        right: 35px;
+    }
+
+    .qrCode[data-v] {
+        Margin: 0 38%;
+    }
+}
+
+@media all and (max-width: 480px) {
+    .qrCode[data-v] {
+        Margin: 0 30%;
+    }
+}
+
+@media all and (max-width: 340px) {
+    .panel-main_inner {
+        padding: 0 5%;
+    }
+
+    .panel-title {
+        margin-bottom: .1em;
+        font-size: 1.5em;
+    }
+
+    .panel-subtitle {
+        font-size: .9em;
+    }
+
+    .btn, .navigation_item a {
+        margin-bottom: .4em;
+    }
+}

static/Homepage/Noisky_files/main.js

@@ -0,0 +1,73 @@
+/**
+ * Created by Noisky on 17/05/13.
+ * Revised by Noisky on 19/09/10.
+ */
+$(document).ready(function () {
+    /**
+     * 随机获取背景图片
+     */
+    var bgNum = 10; // 定义随机数范围 1-10 和图片数量保持一致
+    var randomNum = Math.floor(Math.random() * bgNum) + 1;
+    // 拼接图片地址
+    var imgUrl = '//gcore.jsdelivr.net/gh/ldxw/cdn@master/static/Homepage/Noisky_files/img/background-image/bg-' + randomNum + '.jpg';
+    // 替换页面中的背景图片地址
+    $("header").css("background-image", "url(" + imgUrl + ")");
+
+    /**
+     * 移动端下拉菜单栏
+     */
+    var nw = $('.navigation-wrapper');
+
+    // 定义菜单关闭事件
+    function bounceOutUp() {
+        nw.on(function () {
+            nw.toggleClass('visible animated bounceOutUp');
+        });
+        nw.toggleClass('animated bounceInDown animated bounceOutUp');
+    }
+
+    // 根据菜单状态定义单击的操作
+    $('.btn-mobile-menu').click(function () {
+        if (nw.css('display') === "block") {
+            bounceOutUp();
+        } else {
+            nw.toggleClass('visible animated bounceInDown');
+        }
+        $('.btn-mobile-menu_icon').toggleClass('fa fa-list fa fa-angle-up animated fadeIn');
+    });
+    // 点击下拉菜单以外的其他标签区域收起菜单生效
+    $(".panel-main").on('click', ':not(.mobile,.btn-mobile-menu,.navigation-wrapper)', function () {
+        if (nw.hasClass("bounceInDown")) {
+            bounceOutUp();
+            $('.btn-mobile-menu_icon').toggleClass('fa fa-list fa fa-angle-up animated fadeIn');
+        }
+    });
+    // 阻止冒泡事件执行
+    nw.click(function (event) {
+        event.stopPropagation();
+    });
+    /**
+     * 底部年份动态化
+     */
+    $('.year').html(new Date().getFullYear());
+
+    /**
+     * 异步加载一言
+     */
+    (function getHitokoto() {
+        $.ajax({
+            //url: "https://api.imjad.cn/hitokoto/?encode=jsc&charset=utf-8&length=50",
+            url: "https://v1.hitokoto.cn/?encode=json&charset=utf-8",
+            dataType: "jsonp",
+            async: true,
+            jsonp: "callback",
+            jsonpCallback: "hitokoto",
+            success: function (result) {
+                $('#hitokoto').html("<p>" + result.hitokoto + "</p>")
+            },
+            error: function () {
+                $('#hitokoto').html("<p>读取数据失败了的说……_(:з」∠)_</p>")
+            }
+        });
+    })();
+});

static/Homepage/Noisky_files/main.min.js

@@ -0,0 +1 @@
+$(document).ready(function(){var b=10;var e=Math.floor(Math.random()*b)+1;var f="//gcore.jsdelivr.net/gh/ldxw/cdn@master/static/Homepage/Noisky_files/img/background-image/bg-"+e+".jpg";$("header").css("background-image","url("+f+")");var a=$(".navigation-wrapper");function c(){a.on(function(){a.toggleClass("visible animated bounceOutUp")});a.toggleClass("animated bounceInDown animated bounceOutUp")}$(".btn-mobile-menu").click(function(){if(a.css("display")==="block"){c()}else{a.toggleClass("visible animated bounceInDown")}$(".btn-mobile-menu_icon").toggleClass("fa fa-list fa fa-angle-up animated fadeIn")});$(".panel-main").on("click",":not(.mobile,.btn-mobile-menu,.navigation-wrapper)",function(){if(a.hasClass("bounceInDown")){c();$(".btn-mobile-menu_icon").toggleClass("fa fa-list fa fa-angle-up animated fadeIn")}});a.click(function(g){g.stopPropagation()});$(".year").html(new Date().getFullYear());(function d(){$.ajax({url:"https://v1.hitokoto.cn/?encode=json&charset=utf-8",dataType:"jsonp",async:true,jsonp:"callback",jsonpCallback:"hitokoto",success:function(g){$("#hitokoto").html("<p>"+g.hitokoto+"</p>")},error:function(){$("#hitokoto").html("<p>读取数据失败了的说……_(:з」∠)_</p>")}})})()});

static/Homepage/index.html

@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <link rel="dns-prefetch" href="//api.ffis.me"/>
+  <link rel="dns-prefetch" href="//static.ffis.me"/>
+  <link rel="dns-prefetch" href="//static.noisky.cn"/>
+  <link rel="dns-prefetch" href="//v1.hitokoto.cn"/>
+  <link rel="dns-prefetch" href="//hm.baidu.com"/>
+  <meta name="renderer" content="webkit">
+  <meta name="viewport" content="width=device-width, maximum-scale=2">
+  <title>林的小窝</title>
+  <meta name="author" content="ldxw">
+  <meta name="copyright" content="ldxw"/>
+  <meta name="description" content="林的小窝"/>
+  <meta name="keywords" content="林的小窝"/>
+  <link rel="icon" href="https://gcore.jsdelivr.net/gh/ldxw/cdn@master/logo/svg/logo/32x32/favicon.ico">
+  <link rel="apple-touch-icon" href="https://gcore.jsdelivr.net/gh/ldxw/cdn@master/logo/svg/logo/32x32/favicon.ico">
+  <link rel="shortcut icon" href="https://gcore.jsdelivr.net/gh/ldxw/cdn@master/logo/svg/logo/32x32/favicon.ico">
+  <link rel="stylesheet" href="https://gcore.jsdelivr.net/gh/ldxw/cdn@master/static/Homepage/Noisky_files/font-awesome.lite.css">
+  <link rel="stylesheet" href="https://gcore.jsdelivr.net/gh/ldxw/cdn@master/static/Homepage/Noisky_files/main.min.css">
+</head>
+<body>
+<!--
+作者：饭饭
+时间：2018.11.27
+描述：本项目使用 Apache License V2.0 开源许可，您可以自由的修改和使用，但请注明出处，非常感谢！
+本项目开源地址：https://github.com/noisky/Homepage
+-->
+<span class="mobile btn-mobile-menu">
+        <i class="fa fa-list btn-mobile-menu_icon"></i>
+        <i class="fa fa-angle-up btn-mobile-close_icon hidden"></i>
+    </span>
+<!-- 随机背景图片 -->
+<header class="panel-cover"></header>
+<!-- 必应每日背景图片
+<header class="panel-cover" style="background-image: url('https://api.ffis.me/bing/bing-images.php')"></header> -->
+<!-- 饭饭的随机背景图片api
+<header class="panel-cover" style="background-image: url('https://api.ffis.me/img/images.php')"></header> -->
+
+<div class="panel-main">
+  <div class="panel-main_inner panel-inverted">
+    <div class="panel-main_content">
+      <a href="/" title="前往 林的小窝"><img src="https://gcore.jsdelivr.net/gh/ldxw/cdn@master/static/Homepage/Noisky_files/img/noisky.jpg" alt="logo"
+                                                          class="panel-cover_logo logo"></a>
+      <!--微博图标
+      <a href="#" class="Weibo_icon_position"><em title="前往饭饭的微博"
+                                                                              class="Weibo_icon Weibo_icon_logo"></em></a>-->
+      <!--国旗图标-->
+      <a href="#" class="Weibo_icon_position"><em title="庆祝新中国成立70周年" id="myAvatar"
+                                                  class="Weibo_icon Weibo_icon_logo"></em></a>
+
+      <h1 class="panel-title"><a href="/" title="link to homepage for noisky">林小窝</a></h1>
+
+      <span class="panel-subtitle" id="hitokoto">『Loading…』</span>
+
+      <hr class="panel-cover_divider">
+      
+      <p class="panel-cover_description">我们相爱了</p><img src="https://gcore.jsdelivr.net/gh/ldxw/cdn@master/static/Homepage/Noisky_files/img/H5ea84ac1fcfe43e8a0b49f086896b5acs.png"style="width: 50px;height: 50px;vertical-align: -20px;border-radius: 50%;margin-right: 5px;margin-bottom: 5px;border: 2px solid #fff;display:inline-block;"/><i class="momo"style="color:red;font-size:20px;">❤</i><img src="https://gcore.jsdelivr.net/gh/ldxw/cdn@master/static/Homepage/Noisky_files/img/H2c34dcef25624aa0b2dec3a8436854293.png"style="width: 50px;height: 50px;vertical-align: -20px;border-radius: 50%;margin-left: 5px;margin-bottom: 5px;border: 2px solid #fff;display:inline-block;"/><br/><span id="htmer_time"></span></p>
+      
+      <!--<p class="panel-cover_description">欢迎来到 林的小窝<s><土木工程专业</s> 辣鸡专业，已经转行了。</p>-->
+      <hr class="panel-cover_divider panel-cover_divider-secondary">
+
+      <p class="panel-cover_description">欢迎来到 林的小窝</p>
+
+      <div class="navigation-wrapper">
+        <div>
+          <nav class="cover-navigation">
+            <ul class="navigation">
+              <li class="navigation_item"><a href="/" title="访问首页">首页</a></li>
+              <!--<li class="navigation_item"><a href="https://img.ffis.me/" target="_blank"
+                                             rel="noopener noreferrer" title="饭饭's 图床">图床</a>
+              </li>
+              <li class="navigation_item"><a href="https://music.ffis.me/" title="饭饭's 下载站">音乐盒</a></li>
+              <li class="navigation_item"><a href="https://sign.ffis.me/" title="饭饭's 签到站">签到站</a></li>
+              <li class="navigation_item"><a href="https://dl.ffis.me/" title="饭饭's 下载站">下载站</a></li>
+              <li class="navigation_item"><a href="https://ffis.me/about.html" title="关于饭饭">关于</a></li>-->
+            </ul>
+          </nav>
+        </div>
+        <div>
+          <nav class="cover-navigation navigation--social">
+            <ul class="navigation">
+              <!-- Weibo
+              <li class="navigation_item">
+                <a href="http://weibo.com" title="前往微博" target="_blank"
+                   rel="noopener noreferrer">
+                  <i class="social fa fa-weibo"></i>
+                </a>
+              </li> -->
+
+              <!-- QQ
+              <li class="navigation_item">
+                <a data-v class="wechat" href="#" title="QQ">
+                  <div data-v class="qrCode">
+                    <img data-v src="./Noisky_files/img/qq.png" width="100"
+                         onclick='window.open("./Noisky_files/img/qq.png")' alt="qq">
+                    <div data-v class="triangle-down"></div>
+                  </div>
+                  <i class="social fa fa-qq"></i>
+                </a>
+              </li> -->
+
+              <!-- Telegram -->
+              <!--<li class="navigation_item">
+                <a href="https://telegram.me/Noisky" title="Telegeam @Noisky" target="_blank"
+                   rel="noopener noreferrer">
+                  <i class="social fa fa-telegram"></i>
+                </a>
+              </li>-->
+
+              <!-- Weixin
+              <li class="navigation_item">
+                <a data-v href="#" title="扫一扫加我微信" class="wechat">
+                  <div data-v class="qrCode">
+                    <img data-v src="./Noisky_files/img/Noisky_weixin.png" width="100"
+                         onclick='window.open("./Noisky_files/img/Noisky_weixin.png")' alt="weixin">
+                    <div data-v class="triangle-down"></div>
+                  </div>
+                  <i class="social fa fa-weixin"></i>
+                </a>
+              </li> -->
+
+              <!-- Github -->
+              <!--<li class="navigation_item">
+                <a href="https://github.com/noisky" title="Github @Noisky" target="_blank"
+                   rel="noopener noreferrer">
+                  <i class="social fa fa-github"></i>
+                </a>
+              </li>-->
+
+              <!-- RSS -->
+              <!--<li class="navigation_item">
+                <a href="https://ffis.me/feed/" title="RSS" target="_blank" rel="noopener noreferrer">
+                  <i class="social fa fa-rss"></i>
+                </a>
+              </li>-->
+
+              <!-- Email -->
+              <!--<li class="navigation_item">
+                <a href="mailto:i@ffis.me" title="发邮件给我">
+                  <i class="social fa fa-envelope"></i>
+                </a>
+              </li>-->
+            </ul>
+          </nav>
+        </div>
+      </div>
+      <!-- 底部年份动态化 + 备案号 -->
+      <footer class="footer">
+        <p><!--<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41019702002681"
+              rel="nofollow noopener noreferrer"
+              target="_blank"><img src="https://fastly.jsdelivr.net/gh/noisky/Homepage@master/Noisky_files/img/policebeian.png" alt="beian" /> 豫公网安备
+          41019702002681号</a><br />-->
+          Copyright &copy; 2025-<span class="year"></span> 林的小窝 | <a
+                    href="https://beian.miit.gov.cn/" rel="nofollow noopener noreferrer"
+                    target="_blank">豫ICP备xxxxx号-1</a></p>
+      </footer>
+    </div>
+  </div>
+  <div class="panel-cover--overlay cover-slate"></div>
+</div>
+
+<!--我们相爱了
+<script type="text/javascript"language="javascript">function setTime(){var create_time=Math.round(new Date(Date.UTC(2019,11,5,00,00,0)).getTime()/1000);var timestamp=Math.round((new Date().getTime()+8*60*60*1000)/1000);currentTime=secondToDate((timestamp-create_time));currentTimeHtml=currentTime[0]+' 年 '+currentTime[1]+' 天 '+currentTime[2]+' 时 '+currentTime[3]+' 分 '+currentTime[4]+' 秒';document.getElementById("htmer_time").innerHTML=currentTimeHtml}function secondToDate(second){if(!second){return 0}var time=new Array(0,0,0,0,0);if(second>=365*24*3600){time[0]=parseInt(second/(365*24*3600));second%=365*24*3600}if(second>=24*3600){time[1]=parseInt(second/(24*3600));second%=24*3600}if(second>=3600){time[2]=parseInt(second/3600);second%=3600}if(second>=60){time[3]=parseInt(second/60);second%=60}if(second>0){time[4]=second}return time}setInterval(setTime,1000);</script>-->
+<script>function setTime(){const createDate=new Date(2019,10,5,0,0,0);const createTime=Math.round(createDate.getTime()/1000);const now=new Date();const timestamp=Math.round(now.getTime()/1000);const timeDiff=timestamp-createTime;const currentTime=secondToDate(timeDiff);const currentTimeHtml=currentTime[0]+' 年 '+currentTime[1]+' 天 '+currentTime[2]+' 时 '+currentTime[3]+' 分 '+currentTime[4]+' 秒';const element=document.getElementById("htmer_time");if(element){element.innerHTML=currentTimeHtml;}}function secondToDate(second){if(!second||second<0){return[0,0,0,0,0];}let time=[0,0,0,0,0];const SECONDS_IN_YEAR=365*24*3600;const SECONDS_IN_DAY=24*3600;const SECONDS_IN_HOUR=3600;const SECONDS_IN_MINUTE=60;if(second>=SECONDS_IN_YEAR){time[0]=Math.floor(second/SECONDS_IN_YEAR);second%=SECONDS_IN_YEAR;}if(second>=SECONDS_IN_DAY){time[1]=Math.floor(second/SECONDS_IN_DAY);second%=SECONDS_IN_DAY;}if(second>=SECONDS_IN_HOUR){time[2]=Math.floor(second/SECONDS_IN_HOUR);second%=SECONDS_IN_HOUR;}if(second>=SECONDS_IN_MINUTE){time[3]=Math.floor(second/SECONDS_IN_MINUTE);second%=SECONDS_IN_MINUTE;}time[4]=second;return time;}document.addEventListener('DOMContentLoaded',function(){setTime();setInterval(setTime,1000);});</script>
+<!--我们相爱了-->
+
+<script type="text/javascript" src="https://gcore.jsdelivr.net/gh/ldxw/cdn@master/static/Homepage/Noisky_files/jquery-3.5.0.min.js"></script>
+<script type="text/javascript" src="https://gcore.jsdelivr.net/gh/ldxw/cdn@master/static/Homepage/Noisky_files/main.min.js"></script>
+<script src="//v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script>
+<!-- 统计代码 -->
+</body>
+</html>