主题参考：https://www.yuque.com/awescnb/user/kyi19z
配置参考：https://www.yuque.com/awescnb/user/rycpvv#9910945b
下面是我的设置
页面定制 CSS 代码
#loading {
position: fixed;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 999;
}
.boxLoading {
width: 50px;
height: 50px;
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.boxLoading:before {
content: '';
width: 50px;
height: 5px;
background: #000;
opacity: 0.1;
position: absolute;
top: 59px;
left: 0;
border-radius: 50%;
animation: shadow 0.5s linear infinite;
}
.boxLoading:after {
content: '';
width: 50px;
height: 50px;
background: #ffb3cc;
animation: animate 0.5s linear infinite;
position: absolute;
top: 0;
left: 0;
border-radius: 3px;
}
@keyframes animate {
17% {
border-bottom-right-radius: 3px;
}
25% {
transform: translateY(9px) rotate(22.5deg);
}
50% {
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
border-bottom-right-radius: 40px;
}
75% {
transform: translateY(9px) rotate(67.5deg);
}
100% {
transform: translateY(0) rotate(90deg);
}
}
@keyframes shadow {
0%,
100% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1);
}
}
<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
$.awesCnb({
theme: {
name: 'geek', // 默认皮肤
avatar: 'https://pic.cnblogs.com/avatar/2112021/20201225103514.png',
headerBackground: 'https://images.cnblogs.com/cnblogs_com/hanby/1939995/o_210303092657timg.jpg'
},
imagebox: {
enable: true,
},
//个性签名
signature: {
enable: true,
contents: [
"I<b style='color:#ff6b81'>CE</b>.",
],
},
//背景
bodyBackground: {
enable: true,
value:
'#00BFFF',
opacity: 0.85,
repeat: false,
},
//音乐
musicPlayer: {
enable: true,
autoplay: true,
lrc: {
enable: true, // 启用歌词
type: 1, // 歌词类型 1 -> 字符串 3 -> url
color: '#10ac84', // 颜色
},
audio: [
{
name: '残酷游戏',
artist: '卫兰',
url:
'http://music.163.com/song/media/outer/url?id=27591220.mp3',
cover:
'https://p2.music.126.net/6zRKBagDiw7goihpxGnj3A==/109951163283121470.jpg??param=900x900',
lrc:
"[00:00.000] 作词 : 林夕 [00:01.000] 作曲 : 蔡伯南[00:02.000] 编曲 : 雷颂德[00:17.500]谁能用毅力便换来感情[00:22.380]谁凭施舍可保得住惨胜[00:26.730]你有多大量 亦未敢领我的情[00:31.060]但就算是恶梦 拒绝苏醒[00:35.440][00:37.390]如何用玩命换来温柔[00:41.560]如何比她好 一样不够[00:46.070]谈情像奋斗 共谁在斗[00:50.340]没人道别亦知一早要走[00:54.570][00:56.950]其实自命受苦都只因我能离不离[01:01.260]看着对你爱得彷似爱情欲避不避[01:05.670]若能耗尽力气 去捕捉你[01:10.060]亦能剩下自己可挽救自己[01:14.090][01:14.260]我也知越是幻想不准想你更记得起[01:18.690]我在故意去将苦涩替代寂寞滋味[01:23.180]用残酷游戏制造卑微[01:27.530]自由自在莫非惨过永远受气[01:35.170][02:06.220]对你怎么好 亦无所图[02:11.060]同情分多少 都也得到[02:15.370]明明避过你 未凭命数[02:19.840]明明极易活得比死更好[02:25.090][02:26.600]我也知越是幻想不准想你更记得起[02:31.400]我在故意去将苦涩替代寂寞滋味[02:35.130]用残酷游戏制造卑微[02:39.529]自由自在莫非惨过永远自欺[02:46.970][02:48.000]我也知道远处有人爱惜我[02:52.529]也知做人无求最好不过[02:56.830]我肯知错也是错 我想知道也做到[03:01.330]埋头事业便令大家好过[03:06.310][03:07.670]其实自命受苦都只因我能离不离[03:12.190]看着对你爱得彷似爱情欲避不避[03:16.610]若能耗尽力气 去捕捉你[03:20.970]亦明如何才可释放我伤悲[03:24.510][03:25.100]我也知越是幻想不准想你更记得起[03:29.670]我在故意去将苦涩替代寂寞滋味[03:34.010]用残酷游戏 制造卑微[03:38.510]自由自在莫非惨过永远受气[03:46.810]若然被嫌弃 也是天理[03:51.820]自怜自虐自讨苦吃贵客自理[03:59.510]",
},
{
name: '明知做戏',
artist: '吴雨霏',
url:
'http://music.163.com/song/media/outer/url?id=5256770.mp3',
cover:
'https://p2.music.126.net/6zRKBagDiw7goihpxGnj3A==/109951163283121470.jpg??param=900x900',
lrc:
"[00:00.000] 作词 : 夏至(蔡冕丽)[00:01.000] 作曲 : 方文良[00:02.000] 编曲 : 吴国恩[00:22.760]等你的汽水喝一半给你加片薄冰[00:26.760]等你的桌面满泄我总会打理重整[00:30.940]不想纯情[00:33.090]不够聪明[00:35.500]你未发现我的身影[00:41.930]得我帮你依照编码整理家里电影[00:46.150]只会得我一个帮你选购喜爱铃声[00:50.260]天天如常[00:52.420]估你心情[00:54.540]等一个眼神求证[00:56.670]一闪擦过如流星[01:00.670]怎么我为我做过的感到惊怕[01:04.930]就像爱吗我也不肯定恐怕[01:09.420]我以为存在吗[01:11.760]千变万化[01:13.380]从来不肯开口可相信吗[01:17.030]离谱吗[01:18.320]请你不要阻我喜欢你[01:21.840]明明是爱但你未说话你扮作闪避[01:26.430]这个沉默冷静的你亳无办法处理[01:31.330]其实我亦怕是错摸心理[01:35.640]总有天会等到好天气[01:39.080]游行示爱大叫着你在某大遍草地[01:43.770]等你无用退避不过仍然害羞的你[01:48.550]还是顾忌太不争气[01:53.720]明知做戏[02:11.630]即使你未太在意不感到惊讶[02:15.780]现在要说爱你请准备招架[02:20.220]勇气还存在吗[02:22.460]不要害怕[02:24.100]随时真的胆敢亲手送花[02:27.610]离谱吗[02:28.810]请你不要阻我喜欢你[02:32.320]明明是爱但你未说话你扮作闪避[02:36.740]这个沉默冷静的你亳无办法处理[02:41.490]其实我亦怕是错摸心理[02:45.690]总有天会等到好天气[02:49.110]游行示爱大叫着你在某大遍草地[02:53.660]等你无用退避不过仍然害羞的你[02:58.300]还是顾忌太不争气[03:03.250]明知做戏[03:06.740]不过不要阻我紧张你[03:10.130]如何令你愉快让我办妥为你准备[03:14.610]喜爱沉默冷静的你还是自信的你[03:19.240]仍愿意为你造一些惊喜[03:23.420]总有天会等到好天气[03:26.950]游行示爱大叫着你在某大遍草地[03:31.450]等你无用退避不过途人目光不理[03:36.090]期待贴着你的手臂[03:39.160]无须做戏[03:44.900]等你喜爱等你不爱就凭摘毫验证[03:48.960]想爱不爱偏爱不理亦同样难划清[03:53.150]天天如常[03:55.320]估你心情[03:57.570]不想扑索来求证[03:59.920]争取过趁还年青[04:03.670]终于你下决定来答应[04:08.170]太动听",
},
{
name: '你，好不好？',
artist: '周兴哲',
url:
'http://music.163.com/song/media/outer/url?id=424264505.mp3',
cover:
'https://p2.music.126.net/6zRKBagDiw7goihpxGnj3A==/109951163283121470.jpg??param=900x900',
lrc:
"[00:00.000] 作词 : 周兴哲/吴易纬[00:01.000] 作曲 : 周兴哲[00:08.120]编曲：陈建骐[00:25.660]是不是 还那么爱迟到[00:32.080]熬夜工作又睡不好[00:37.530]等你完成你的目标[00:43.770]要戒掉逞强的嗜好[00:49.400]都怪我[00:51.990]把自尊放太高[00:56.070]没有把你照顾好[01:01.150]骄傲是脆弱的外表[01:07.550]最怕我的心你不要[01:12.280]能不能继续对我哭[01:15.820]对我笑对我好[01:18.710]继续让我为你想[01:21.660]为你疯陪你老[01:25.090]你好不好好想知道[01:30.670]别急着把回忆都丢掉[01:36.450]我只需要你在身边[01:39.690]陪我吵陪我闹[01:42.940]用好的我[01:44.760]把过去坏的我都换掉[01:49.590]好想听到你坚决说爱我[01:56.410]可惜回不去那一秒[02:01.350]你 好不好[02:14.070]天知道我快要受不了[02:20.850]后悔 钻进心里烧[02:26.190]拥抱 再多一次就好[02:32.410]你要的我都做得到[02:37.340]能不能继续对我哭[02:40.230]对我笑 对我好[02:43.320]继续让我为你想[02:46.360]为你疯 陪你老[02:49.570]给你的好还要不要[02:55.340]答案我却不敢揭晓[03:01.210]我只需要你在身边[03:04.110]陪我吵 陪我闹[03:07.400]别用离开教我[03:10.000]失去的人最重要[03:13.680]别说 你曾经爱过我[03:20.310]让我们回到那一秒[03:25.190]你好不好[03:37.340]能不能继续对我哭[03:40.180]对我笑 对我好[03:43.410]继续让我为你想[03:46.150]为你疯 陪你老[03:49.830]你好不好 我好想知道[03:55.320]别急着把我的爱丢掉[04:00.900]我只需要你在身边[04:04.180]陪我吵 陪我闹[04:07.580]别用离开教我[04:10.320]失去的人最重要[04:13.610]别说 你曾经爱过我[04:20.390]让我们回到那一秒[04:25.410]你 好不好？",
},
{
name: '我可以',
artist: '蔡旻佑',
url:
'http://music.163.com/song/media/outer/url?id=4874225.mp3',
cover:
'https://p2.music.126.net/6zRKBagDiw7goihpxGnj3A==/109951163283121470.jpg??param=900x900',
lrc:
"[00:14.44]寄 没有地址的信[00:19.59]这样的情绪 有种距离[00:26.38][00:28.70]你 放着谁的歌曲[00:33.70]是怎样的心情[00:37.43]能不能说给我听[00:43.09]雨 下得好安静[00:49.63]是不是你偷偷在哭泣[00:56.88]幸福 真的不容易[01:02.97]在你的背景 有我爱你~[01:11.26]我可以 陪你去看星星[01:17.06]不用再多说明[01:20.61]我就要和你在一起[01:25.51]我不想 又再一次和你分离[01:33.41]我多么想每一次的美丽[01:38.34]是因为你[01:44.04][01:55.42]寄 没有地址的信[02:00.54]这样的情绪 有种距离[02:09.78]你 放着谁的歌曲[02:14.83]是怎样的心情[02:18.69]能不能说给我听[02:24.26]雨 下得好安静[02:30.05]是不是你偷偷在哭泣[02:38.30]幸福 它真的不容易[02:43.98]在你的背景 有我爱你~[02:52.33]我可以 陪你去看星星[02:58.22]不用再多说明[03:01.79]我就要和你在一起[03:06.88]我不想 又再一次和你分离[03:14.54]我多么想每一次的美丽[03:19.23]是因为你[03:26.62][03:34.55]我可以 陪你去看星星[03:41.49]不用再多说明[03:44.97]我就要和你在一起[03:50.03]我不想 又再一次和你分离[03:57.88]我多么想每一次的美丽[04:02.59]是因为你[04:08.72][04:12.36]He...[04:15.45][04:26.72]",
},
{
name: '云烟成雨',
artist: '房东的猫',
url:
'http://music.163.com/song/media/outer/url?id=513360721.mp3',
cover:
'https://p2.music.126.net/6zRKBagDiw7goihpxGnj3A==/109951163283121470.jpg??param=900x900',
lrc:
"[00:00.000] 作词 : 墨鱼丝[00:01.000] 作曲 : 少年佩[00:11.230]制作人：黎偌天[00:12.230]编曲：黎偌天[00:13.230]监制：李纤橙[00:14.230][00:18.210]你的晚安 是下意识的恻隐[00:24.870]我留至夜深 治疗失眠梦呓[00:30.790]那封手写信 留在行李箱底[00:36.880]来不及 赋予它旅途的意义[00:43.850]若一切 都已云烟成雨[00:49.490]我能否 变成淤泥[00:52.490]再一次 沾染你[00:55.650]若生命 如过场电影[01:01.530]Oh让我再一次 甜梦里惊醒[01:13.870]我多想再见你[01:15.490]哪怕匆匆一眼就别离[01:19.760]路灯下昏黄的剪影[01:22.760]越走越漫长的林径[01:25.950]我多想再见你[01:28.010]至少玩笑话还能说起[01:32.230]街巷初次落叶的秋分[01:35.370]渐行渐远去的我们[01:53.080]若一切 都已云烟成雨[01:59.020]我能否 变成淤泥[02:01.910]再一次 沾染你[02:05.560]若生命 如过场电影[02:10.690]Oh让我再一次 甜梦里惊醒[02:19.690]我多想再见你[02:21.640]哪怕匆匆一眼就别离[02:26.030]路灯下昏黄的剪影[02:28.770]越走越漫长的林径[02:32.140]我多想再见你[02:34.410]至少玩笑话还能说起[02:38.370]街巷初次落叶的秋分[02:41.400]渐行渐远去的我们[02:49.410]站台 汽笛响起[02:52.490]想念是你的声音[02:55.840]我们提着过去 走入人群[03:02.160]寻找着一个位置 安放自己[03:13.680]我多想再见你[03:15.370]哪怕匆匆一眼就别离[03:19.500]路灯下昏黄的剪影[03:22.530]越走越漫长的林径[03:25.980]我多想再见你[03:28.200]至少玩笑话还能说起[03:31.970]街巷初次落叶的秋分[03:35.180]渐行渐远去的我们[03:41.980][03:43.420]主唱：红鼻子小黑[03:44.670]制作人：黎偌天[03:46.200]监制：李纤橙",
},
{
name: '说散就散',
artist: 'JC 陈咏桐',
url:
'http://music.163.com/song/media/outer/url?id=468513829.mp3',
cover:
'https://p2.music.126.net/6zRKBagDiw7goihpxGnj3A==/109951163283121470.jpg??param=900x900',
lrc:
"[00:00.000] 作词 : 张楚翘[00:00.290] 作曲 : 伍乐城[00:00.580]编曲：伍乐城[00:08.120]抱一抱就当作从没有在一起[00:14.550]好不好要解释都已经来不及[00:21.450]算了吧我付出过什么没关系[00:26.890]我忽略自己就因为遇见你[00:33.830]没办法好可怕那个我不像话[00:40.540]一直奋不顾身是我太傻[00:46.260]说不上爱别说谎就一点喜欢[00:53.580]说不上恨别纠缠别装作感叹[01:00.400]就当作我太麻烦不停让自己受伤[01:04.290]我告诉我自己感情就是这样[01:10.310]怎么一不小心太疯狂[01:23.460]抱一抱再好好觉悟不能长久[01:30.100]好不好有亏欠我们都别追究[01:36.890]算了吧我付出再多都不足够[01:42.380]我终于得救我不想再献丑[01:49.600]没办法不好吗大家都不留下[01:55.980]一直勉强相处总会累垮[02:01.910]说不上爱别说谎就一点喜欢[02:08.960]说不上恨别纠缠别装作感叹[02:15.540]就当作我太麻烦不停让自己受伤[02:19.770]我告诉我自己感情就是这样[02:25.800]怎么一不小心太疯狂[02:31.950]别后悔就算错过[02:35.290]在以后你少不免想起我[02:41.250]还算不错[02:44.800]当我不在你会不会难过[02:48.420]你够不够我这样洒脱[02:53.570]说不上爱别说谎就一点喜欢[03:00.270]说不上恨别纠缠别装作感叹[03:06.100]将一切都体谅将一切都原谅[03:09.200]我尝试找答案而答案很简单[03:12.800]简单得很遗憾[03:15.060]因为成长我们逼不得已要习惯[03:21.670]因为成长我们忽尔间说散就散",
},
{
name: '我配不上你',
artist: '夏天Alex',
url:
'http://music.163.com/song/media/outer/url?id=28661853.mp3',
cover:
'https://p2.music.126.net/6zRKBagDiw7goihpxGnj3A==/109951163283121470.jpg??param=900x900',
lrc:
"[00:00.000] 作词 : 夏天Alex[00:01.000] 作曲 : 夏天Alex[00:15.91]你完全可以找个更好的知己[00:19.47]不一定和我这样子如此亲密[00:23.07]害怕有一天自己 真的就离不开你[00:27.03]距离让我们怎么靠近[00:30.70]我知道自己和你有很大差距[00:34.35]爱情却让我再一次身不由己[00:38.09]受过伤的人怀疑 尽管这来之不易[00:42.00]拼命的争取不如放弃[00:45.70]我配不上你 纵然很努力[00:49.31]我喜欢你 心里却没底[00:53.58]我没有歇斯底里 我只是望尘莫及[00:57.43]就像买不起心爱的衬衣[01:00.62]我还在原地 你飞上天际[01:04.39]我喜欢你 想一想而已[01:08.20]总是说后会有期 有天会在一起[01:12.67]只是在一起的两个人[01:15.47]不是我和你[01:19.70][01:31.03]你完全可以找个更好的知己[01:34.34]不一定和我这样子如此亲密[01:38.04]害怕有一天自己真的就离不开你[01:42.00]距离让我们怎么靠近[01:45.66]我知道自己和你有很大差距[01:49.26]爱情却让我再一次身不由己[01:52.93]受过伤的人怀疑 尽管这来之不易[01:56.92]拼命的争取不如放弃[02:00.68]我配不上你 纵然很努力[02:04.29]我喜欢你 心里却没底[02:08.56]我没有歇斯底里 我只是望尘莫及[02:12.42]就像买不起心爱的衬衣[02:15.66]我还在原地 你飞上天际[02:19.37]我喜欢你 想一想而已[02:23.41]总是说后会有期[02:25.66]有天会在一起[02:27.37]只是在一起的两个人[02:30.42]不是我和你[02:31.00]我配不上你 纵然很努力[02:34.36]我喜欢你 心里却没底[02:38.52]我没有歇斯底里 我只是望尘莫及[02:42.41]就像买不起心爱的衬衣[02:45.65]我还在原地 你飞上天际[02:49.44]我喜欢你 想一想而已[02:53.46]总是说后会有期 有天会在一起[02:57.55]只是在一起的两个人不是我和你[03:05.45][03:16.46]",
},
{
name: '不再联系',
artist: '夏天Alex',
url:
'http://music.163.com/song/media/outer/url?id=175072.mp3',
cover:
'https://p2.music.126.net/6zRKBagDiw7goihpxGnj3A==/109951163283121470.jpg??param=900x900',
lrc:
"[00:00.000] 作词 : 夏天Alex[00:01.000] 作曲 : 夏天Alex[00:18.178]也许还能在网上看到你的消息[00:21.988]也许我唱的歌还存在你的手机[00:25.528]也许我爱你埋在心底变成秘密[00:29.128]也许你想我的时候我也在想你[00:35.598]多少次我告诉自己[00:38.198]此情可待已成追忆[00:43.189]多少次我告诫自己[00:46.178]不再为你流泪到一败涂地[00:49.968]我和你不再联系[00:52.499]希望你不要介意[00:53.998]要怪就怪当初没在一起[00:57.180]而你对现在也比较满意[01:00.518]所以我留下来也没有道理[01:05.780]我和你断了联系[01:07.089]不代表我不想你[01:09.229]走到哪里还是会有惦记[01:12.800]而我也开始试着去忘记[01:16.498]抹去我们过去的放弃的所有交集[01:36.490]也许还能在网上看到你的消息[01:39.738]也许我唱的歌还存在你的手机[01:43.880]也许我爱你埋在心底变成秘密[01:47.900]也许你想我的时候我也在想你[01:53.269]多少次我告诉自己[01:56.898]此情可待已成追忆[02:00.328]多少次我告诫自己[02:04.590]不再为你流泪到一败涂地[02:08.880]我和你不再联系[02:10.027]希望你不要介意[02:11.248]要怪就怪当初没在一起[02:15.389]而你对现在也比较满意[02:18.898]所以我留下来也没有道理[02:22.488]我和你断了联系[02:24.980]不代表我不想你[02:26.980]走到哪里还是会有惦记[02:30.408]而我也开始试着去忘记[02:33.968]抹去我们过去的放弃的所有交集[02:38.408]我和你不再联系[02:39.570]希望你不要介意[02:41.990]要怪就怪当初没在一起[02:46.198]而你对现在也比较满意[02:49.458]所以我留下来也没有道理[02:53.200]我和你断了联系[02:55.558]不代表我不想你[02:56.828]走到哪里还是会有惦记[02:59.868]而我也开始试着去忘记[03:04.089]抹去我们过去的放弃的所有交集[03:10.889]",
},
{
name: '等我先说',
artist: '夏天Alex',
url:
'http://music.163.com/song/media/outer/url?id=26609650.mp3',
cover:
'https://p2.music.126.net/6zRKBagDiw7goihpxGnj3A==/109951163283121470.jpg??param=900x900',
lrc:
"[00:00.000] 作词 : 夏天Alex[00:00.000] 作曲 : 夏天Alex[00:00.000]作曲 : 夏天Alex[00:01.000]作词 : 夏天Alex[00:16.750]我们手牵着手向前走[00:20.330]从来没有想过会回头[00:23.100]或许在那个路口 我就该向右[00:26.740]却跟着你一起走到尽头[00:29.819][00:30.580]也许我们依然有选择[00:34.789]放慢脚步有话好好说[00:37.678]你眼睁睁看着我 不知该如何[00:41.598]或是等我先说些什么[00:44.758][00:45.108]我再也没有离开你的勇气[00:48.578]想去的地方有你才最美丽[00:52.208]这么大的City 却容不下我和你[00:56.668]我只想和你在一起[01:00.168]我再也找不到曾经的自己[01:00.389][01:03.580]遇见你以后生活重新定义[01:07.338]历经百般洗礼 却换来百感交集[01:11.698]或多或少我无能为力[01:30.188]我们手牵着手向前走[01:34.118]从来没有想过会回头[01:37.860]或许在那个路口 我就该向右[01:41.708]却跟着你一起走到尽头[01:44.868][01:45.298]也许我们依然有选择[01:49.789]放慢脚步有话好好说[01:52.747]你眼睁睁看着我 不知该如何[01:56.610]或是等我先说些什么[01:59.718][02:00.068]我再也没有离开你的勇气[02:03.688]想去的地方有你才最美丽[02:07.289]这么大的City 却容不下我和你[02:11.570]我只想和你在一起[02:15.170]我再也找不到曾经的自己[02:15.200][02:19.100]遇见你以后生活重新定义[02:22.340]历经百般洗礼 却换来百感交集[02:26.690]或多或少我无能为力[02:29.640][02:30.180]我再也没有离开你的勇气[02:33.600]想去的地方有你才最美丽[02:37.250]这么大的City 却容不下我和你[02:41.680]我只想和你在一起[02:45.160]我再也找不到曾经的自己[02:45.500][02:48.520]遇见你以后生活重新定义[02:52.260]历经百般洗礼 却换来百感交集[02:56.720]或多或少我无能为力[03:03.220][03:27.190]",
},
{
name: '我知道他爱你',
artist: '夏天Alex',
url:
'http://music.163.com/song/media/outer/url?id=33544540.mp3',
cover:
'https://p2.music.126.net/6zRKBagDiw7goihpxGnj3A==/109951163283121470.jpg??param=900x900',
lrc:
"[00:00.000] 作词 : 夏天Alex/臧恰[00:00.750] 作曲 : 夏天Alex[00:01.500][00:04.350][00:06.200][00:19.360]坐在角落里 静静的[00:23.110]听你们聊得很开心[00:26.370]一切足矣[00:29.790]我最适合作为旁者[00:32.190]偶尔插一句回忆[00:36.190]似乎没什么 难为情[00:39.140]让我起担忧的只有[00:42.250]爱与知己[00:45.450]从来不谈这个话题[00:49.200]也许才是有问题[00:53.200]我知道她爱你[00:56.850]爱到不能自已[00:58.950]于是我不爱你[01:00.750]不爱的很随意[01:02.350]就算你选择我[01:04.700]我也劝你放弃[01:07.150]还帮她说两句[01:08.800]你们更加合适[01:11.500]我知道她爱你[01:12.850]爱到失去自己[01:15.000]我只好不爱你[01:16.600]不爱的不容易[01:19.100]每次在你面前[01:20.810]助她一臂之力[01:23.010]当你们在一起[01:24.760]很难说出 恭喜[01:36.260]坐在角落里 静静的[01:39.010]听你们聊得很开心[01:42.460]一切足矣[01:45.160]我最适合作为旁者[01:48.460]偶尔插一句回忆[01:52.310]似乎没什么 难为情[01:54.920]让我起担忧的只有[01:57.970]爱与知己[02:01.220]从来不谈这个话题[02:05.280]也许才是有问题[02:11.130]我知道她爱你[02:12.480]爱到不能自已[02:14.980]于是我不爱你[02:16.730]不爱的很随意[02:19.030]就算你选择我[02:20.730]我也劝你放弃[02:23.090]还帮她说两句[02:24.830]你们更加合适[02:27.240]我知道她爱你[02:28.840]爱到失去自己[02:30.940]我只好不爱你[02:32.740]不爱的不容易[02:34.990]每次在你面前[02:36.640]助她一臂之力[02:38.840]当你们在一起[02:40.540]很难说出 恭喜[03:01.250]我爱你 不爱你[03:04.900]不爱的很随意[03:08.150]就算你选择我[03:09.400]我也劝你放弃[03:11.100]还帮她说两句[03:12.800]你们更加合适[03:17.450]我知道她爱你[03:18.750]爱到失去自己[03:21.050]我只好不爱你[03:22.450]不爱的不容易[03:25.150]每次在你面前[03:26.750]助她一臂之力[03:29.000]当你们在一起[03:30.810]很难说出[03:32.660]很难说出[03:34.710]恭喜",
},
{
name: '多想在平庸的生活拥抱你',
artist: '隔壁老樊',
url:
'http://music.163.com/song/media/outer/url?id=1346104327.mp3',
cover:
'https://p2.music.126.net/6zRKBagDiw7goihpxGnj3A==/109951163283121470.jpg??param=900x900',
lrc:
"[00:00.000] 作词 : 隔壁老樊[00:01.000] 作曲 : 隔壁老樊[00:03.17]制作人：段小林[00:04.18]编曲：黄超[00:05.15]鼓手：郝稷伦[00:06.17]贝斯：韩阳[00:07.18]吉他：黄超[00:08.17]和声：樊竹青 赵晨[00:09.19]录音师：甄浩[00:10.15]混音师：段小林[00:11.14]插画：王小洋[00:12.20]封面：朱小莉[00:13.15]录音室：好听音乐录音棚[00:14.23]版权：北京好听音乐科技有限公司[00:17.86]世界上有很多的东西[00:21.32]你生不带来死不带去[00:26.11]你能带走的只有自己和自己的脾气[00:34.16]你曾拥有最美的爱情[00:38.06]你听过最美的旋律[00:42.72]触摸过一个人孤独的恐惧[00:46.19]也看到过最美的风景[00:53.30]我跌跌撞撞奔向你[01:00.32]你也不能一个人离去[01:08.50]我们在一起说过[01:12.71]无论如何一起经历了风雨[01:18.11]平平淡淡安安静静的老去[01:25.87][01:59.23]世界上有很多的东西[02:02.86]你生不带来死不带去[02:07.59]你能带走的只有自己和自己的脾气[02:15.81]你曾拥有最美的爱情[02:19.33]你听过最美的旋律[02:24.10]触摸过一个人孤独的恐惧[02:27.64]也看到过最美的风景[02:34.73]我跌跌撞撞奔向你[02:41.67]你也不能一个人离去[02:49.92]我们在一起说过[02:54.04]无论如何一起经历了风雨[02:59.31]平平淡淡安安静静的老去[03:08.11][03:39.90]我们拼命的相拥不给孤独留余地[03:48.48]无力 是我们最后难免的结局[03:56.51]无力 是我们最后难免的结局[04:22.71]",
},
{
name: '这一生关于你的风景',
artist: '隔壁老樊',
url:
'http://music.163.com/song/media/outer/url?id=1383927243.mp3',
cover:
'https://p2.music.126.net/6zRKBagDiw7goihpxGnj3A==/109951163283121470.jpg??param=900x900',
lrc:
"[00:00.000] 作词 : 枯木逢春[00:01.000] 作曲 : 枯木逢春[00:24.551]远方灯火闪亮着光[00:30.348]你一人低头在路上[00:36.466]这城市越大越让人心慌[00:41.263]多向往多漫长[00:48.534]这一路经历太多伤[00:54.235]把最初笑容都淡忘[01:00.133]时光让我们变得[01:02.826]脆弱且坚强[01:04.944]让我再来轻轻对你唱[01:11.125]我多想能多陪你一场[01:16.662]把前半生的风景对你讲[01:22.613]在每个寂静的夜里我会想[01:28.936]那些关于你的爱恨情长[01:34.986]我也想能够把你照亮[01:40.664]在你的生命中留下阳光[01:47.188]陪你走过那山高水长[01:53.037]陪你一起生长[02:24.229]远方灯火闪亮着光[02:30.008]你一人低头在路上[02:36.144]这城市越大越让人心慌[02:41.045]多向往多漫长[02:48.246]这一路经历太多伤[02:54.211]把最初笑容都淡忘[03:00.145]时光让我们变得[03:02.915]脆弱且坚强[03:04.967]让我再来轻轻对你唱[03:10.908]我多想能多陪你一场[03:16.637]把前半生的风景对你讲[03:22.756]在每个寂静的夜里我会想[03:29.298]那些关于你的爱恨情长[03:34.739]我也想能够把你照亮[03:40.705]在你的生命中留下阳光[03:47.111]陪你走过那山高水长[03:53.009]陪你一起生长[03:59.460]这一生在你的风景里[04:05.256]我是谁[04:08.985]总策划：唐晶晶[04:11.918]制作人：段小林 / 姚政[04:14.544]编曲：黄超[04:16.391]企划：牛雪吟 / 陈莹[04:17.850]鼓手：郝稷伦[04:19.290]贝斯：韩阳[04:20.730]吉他：黄超[04:22.255]录音：甄浩.张明懂[04:23.814]混音：段小林[04:25.391]封面：苏泽欣[04:26.814]录音棚：北京好听音乐录音棚[04:28.391]网易云音乐特别企划“回声不息”出品[99:00.01]本歌曲来自〖网易音乐人〗[99:00.02]10亿现金激励，千亿流量扶持！[99:00.03]合作：st399@vip.163.com",
},
{
name: '我曾',
artist: '隔壁老樊',
url:
'http://music.163.com/song/media/outer/url?id=1336856777.mp3',
cover:
'https://p2.music.126.net/6zRKBagDiw7goihpxGnj3A==/109951163283121470.jpg??param=900x900',
lrc:
"[00:00.000] 作词 : 隔壁老樊[00:00.020] 作曲 : 隔壁老樊[00:00.40]我曾被无数的冷风吹透我胸口[00:08.94]我曾被遥远的梦逼着我仰望星空[00:16.45]我曾被无数的嘲讽让我放弃我的音乐梦[00:24.40]我曾被无数的黄土 淹没我的澎湃汹涌[00:34.32][01:06.37]我曾想要我的歌声 无尽沉沦的感动[01:14.43]我曾把他们当做我风雨过后那一道彩虹[01:22.91]我曾把堕落的原因 都丢给时间[01:30.92]我曾把机会就扔在我眼前[01:39.46]我曾把完整的镜子打碎 夜晚的枕头都是眼泪[01:47.50]我多想让过去重来 再给我一次机会[01:55.83]我想说过去的时间 我谁都不为[02:04.32]除了空谈 也就是 事事非非[02:12.29][02:54.02]我曾想要我的歌声 无尽沉沦的感动[03:02.16]我曾把他们当做我风雨过后那一道彩虹[03:10.10]我曾把堕落的原因 都丢给时间[03:18.56]我曾把机会就扔在我眼前[03:26.93]我曾把完整的镜子打碎 夜晚的枕头都是眼泪[03:35.17]我多想让过去重来 再给我一次机会[03:43.34]我想说过去的时间 我谁都不为[03:51.90]除了空谈 也就是事事非非[04:00.05]我曾把完整的镜子打碎 夜晚的枕头都是眼泪[04:08.10]我多想让过去重来 再给我一次机会[04:16.51]我想说过去的时间 我谁都不为[04:25.02]除了空谈 也就是事事非非[04:33.22]除了空谈 也就是事事非非[04:39.54][04:40.01]制作人：段小林[04:40.38]编曲：黄超[04:40.65]鼓手：祁大为[04:40.93]贝斯：韩阳[04:41.21]吉他：黄超[04:41.44]键盘：黄超／原艺[04:41.68]录音：甄浩／金冠宇[04:41.89]混音/母带：段小林[04:42.06]录音室：北京好听音乐录音棚[04:42.28]出品：北京好听音乐科技有限公司[04:42.47]封面：朱小莉[04:42.81]",
},
{
name: '关于孤独我想说的话 ',
artist: '隔壁老樊',
url:
'http://music.163.com/song/media/outer/url?id=1346093140.mp3',
cover:
'https://p2.music.126.net/6zRKBagDiw7goihpxGnj3A==/109951163283121470.jpg??param=900x900',
lrc:
"[00:00.000] 作词 : 隔壁老樊[00:00.563] 作曲 : 隔壁老樊[00:01.126]制作人：段小林[00:01.948]编曲：闫津[00:03.575][00:17.182]我一个人走夜路回家[00:21.499]一个人醉倒在沙发[00:25.078]我一个人的时候[00:27.066]也偶尔和自己说说话[00:32.993]我一个人也害怕[00:36.734]我把床头摆满了娃娃[00:40.568]我怕我有一天我不知道[00:44.200]哪里才是我的家[00:48.029][00:48.794]我在开了灯的床头下[00:52.043]想问问自己的心啊[00:56.358]是不是当初也不想[00:58.585]让别人看自己的笑话[01:04.744]我在拆散自己的谎话[01:08.101]当初不应该说不爱她[01:12.611]如果我们真的有明天[01:15.970]还不过是相爱相杀[01:19.661][01:20.828]我在开了灯的床头下[01:24.099]想问问自己的心啊[01:28.453]是不是当初也不想[01:30.682]让别人看自己的笑话[01:36.713]我在拆散自己的谎话[01:40.191]当初不应该说不爱她[01:44.712]如果我们真的有明天[01:47.993]还不过是相爱相杀[01:51.734][02:25.213]我一个人走夜路回家[02:29.520]一个人醉倒在沙发[02:32.993]我一个人的时候[02:35.045]也偶尔和自己说说话[02:41.070]我一个人也害怕[02:44.733]我把床头摆满了娃娃[02:48.549]我怕我有一天我不知道[02:51.460]不知道哪里才是我的家[02:54.511][02:56.811]我在开了灯的床头下[03:00.094]想问问自己的心啊[03:04.361]是不是当初也不想[03:05.952]让别人看自己的笑话[03:12.829]我在拆散自己的谎话[03:16.231]当初不应该说不爱她[03:20.658]如果我们真的有明天[03:24.012]还不过是相爱相杀[03:27.784][03:28.765]我在开了灯的床头下[03:31.995]想问问自己的心啊[03:36.375]是不是当初也不想[03:38.627]让别人看自己的笑话[03:44.761]我在拆散自己的谎话[03:48.191]当初不应该说不爱她[03:52.697]如果我们真的有明天[03:56.030]还不过是相爱相杀[03:59.669][04:01.195]我一个人走夜路回家[04:05.502]一个人醉倒在沙发[04:08.968]我一个人的时候[04:11.162]也偶尔和自己说说话[04:16.967]我一个人也害怕[04:20.813]我把床头摆满了娃娃[04:24.580]我怕我有一天我不知道[04:27.161]哪里才是我的家[04:33.010][04:33.494]鼓手：祁大为[04:33.816]贝斯：韩阳[04:34.078]吉他：黄超[04:34.331]键盘：闫津[04:34.576]和声：金天[04:34.851]录音师：甄浩 金冠宇[04:35.210]封面设计：朱小莉[04:35.612]混音师：段小林[04:35.942]录音棚：北京好听音乐录音棚[04:36.872]出品：北京好听音乐科技有限公司",
},
{
name: '过客',
artist: '周思涵',
url:
'http://music.163.com/song/media/outer/url?id=445665094.mp3',
cover:
'https://p2.music.126.net/6zRKBagDiw7goihpxGnj3A==/109951163283121470.jpg??param=900x900',
lrc:
"[00:11.34]没有 谁能够想到[00:16.48]你会 出现我身旁[00:20.78]也许 是命运开的玩笑[00:29.97]不敢 太靠近你的身边[00:37.05]怕你会嫌烦[00:39.30]只有 一个人默默孤单[00:46.87]是什么让我们遇见的[00:51.79]是什么让距离更近了[00:56.05]不奢求你多好 给我多一点微笑[01:05.35]你只是一个过客 从我的世界路过[01:09.87]我不敢太多不舍 怕你看出我难过[01:14.60]也许我想的太多 却不能给你什么[01:19.12]努力把伤心变少 笑容变多就好了[01:23.64]我只是个陪伴者 陪着你伤心难过[01:28.34]寂寞它每天数着 你那么多的失落[01:32.81]你想要什么你说 只要我现在有的[01:37.58]我们之间的点点滴滴 我一直都记得[02:05.85]不敢 太靠近你的身边[02:13.46]怕你会嫌烦[02:16.07]只有 一个人默默孤单[02:24.09]是什么让我们遇见的[02:28.36]是什么让距离更近了[02:33.12]不奢求你多好 再多给我一点微笑[02:42.19]你只是一个过客 从我的世界路过[02:47.01]我不敢太多不舍 怕你看出我难过[02:51.49]也许我想的太多 却不能给你什么[02:56.13]努力把伤心变少 笑容变多就好了[03:00.86]我只是个陪伴者 陪着你伤心难过[03:05.52]寂寞它每天数着 你那么多的失落[03:09.97]你想要什么你说 只要我现在有的[03:14.42]我们之间的点点滴滴 我一直都记得[03:21.53]我只是一个过客 从你的世界路过[03:25.85]我不敢太多不舍 怕你看出我难过[03:30.53]我想的太多 却不能给你什么[03:34.98]努力把伤心变少 笑容变多就好了[03:39.84]我只想每天陪着 陪着你伤心难过[03:44.34]寂寞它每天数着 你那么多的失落[03:49.48]你想要什么你说 只要我现在有的[03:55.37]点点滴滴 我一直都记得",
},
{
name: '备爱',
artist: '周思涵',
url:
'http://music.163.com/song/media/outer/url?id=490595154.mp3',
cover:
'https://p2.music.126.net/6zRKBagDiw7goihpxGnj3A==/109951163283121470.jpg??param=900x900',
lrc:
"[00:00.000] 作词 : 莫凝[00:00.000] 作曲 : Xun(易硕成)[00:00.000]作曲 : Xun[00:00.032]作词 : 莫小娘[00:00.96]编曲：梁安斌[00:01.16]制作人：Xun（易硕成）[00:01.50]吉他：梁安斌[00:01.68]贝斯：苏虹文[00:01.89]和声：Xun/阿涵[00:02.08]和声编写：Xun（易硕成）[00:02.45]录音：浔浔[00:02.62]混音：Ethan/殇小谨[00:02.85]录音室：Hot Music Studio[00:03.09]混音室：Hot Music Studio[00:19.73]又一次你们闹别扭[00:23.66]又一次你伤心泪流[00:27.55]又一次我偷偷 幻想以后[00:31.59]以为我能陪你走[00:35.53]又一次你说放不开[00:39.49]又一次被你无心伤害[00:43.33]这次我还是在 可悲的存在感[00:47.32]让你变成那个会刺痛我的偏爱[00:54.84]我永远在你身后[00:56.56]傻傻陪伴 做你的备爱[00:59.12]也许朋友只是找个借口留下不离开[01:03.26]你永远不明白 我想要的未来[01:07.32]就是简单的依赖和有你的现在[01:10.94]我永远在你身后[01:12.51]傻傻等待 做你的备爱[01:15.23]也许朋友只是个理由能让你依赖[01:19.28]你永远不明白 做备爱的悲哀[01:23.34]只是想变成你的习惯能被你宠爱[01:31.53]又一次你们闹别扭[01:35.48]又一次你伤心泪流[01:39.48]又一次你转身 留我一个[01:43.54]我以为你不会走[01:47.45]又一次你说放不开[01:51.42]又一次被你无心伤害[01:55.24]这次我还是在 可悲的存在感[01:59.30]会刺痛我的偏爱[02:04.77]我永远在你身后[02:06.53]傻傻陪伴 做你的备爱[02:09.03]也许朋友只是找个借口留下不离开[02:13.32]你永远不明白 我想要的未来[02:17.29]就是简单的依赖和有你的现在[02:20.85]我永远在你身后[02:22.52]傻傻等待 做你的备爱[02:25.39]也许朋友只是个理由能让你依赖[02:29.29]你永远不明白 最悲哀的备爱[02:33.32]只是想变成你的习惯能被你宠爱[02:41.77]在你身后傻傻陪伴的备爱[02:45.59]朋友只是找个借口不离开[02:49.44]你永远不明白 我想要的未来[02:53.29]就是简单的依赖和有你的现在[02:56.83]我永远在你身后[02:58.48]傻傻等待 做你的备爱[03:01.58]朋友只是个理由能让你依赖[03:07.20]做悲哀的备爱[03:09.81]能被你宠爱",
},
{
name: '嚣张',
artist: 'en',
url:
'http://music.163.com/song/media/outer/url?id=1382596189.mp3',
cover:
'https://p2.music.126.net/6zRKBagDiw7goihpxGnj3A==/109951163283121470.jpg??param=900x900',
lrc:
"[00:00.000] 作词 : 李艺皓[00:01.000] 作曲 : 李艺皓[00:13.61]编曲：常玮[00:28.75][00:29.75]太多的 太重的 太残忍的话[00:36.75]没纠缠 是你的 理由太假[00:43.44]我觉得 你大可不必说得天花乱坠[00:50.62]是天使 是魔鬼 都没有绝对[00:57.94]没想的 没说的 都请收起吧[01:05.12]你扮演 的角色 更可悲吗[01:12.25]放弃的 就大可不必再争辩是非[01:19.44]放下的 就请你 烧得干脆[01:26.44]你的一字一句犹如刀疤划心上[01:30.56]我的一举一动随你改变多荒唐[01:33.88]任你肆意玩弄 从没去想[01:37.87]你是有多嚣张[01:40.56]我的心脏脉搏为你跳动为你狂[01:44.81]你说我真的多余不如离开流浪[01:48.25]都怪我 没治愈我的伤[01:56.25][02:24.62]没想的 没说的 都请收起吧[02:31.50]你扮演 的角色 更可悲吗[02:38.31]放弃的 就大可不必再争辩是非[02:45.25]放下的 就请你 烧得干脆[02:52.69]你的一字一句犹如刀疤划心上[02:56.62]我的一举一动随你改变多荒唐[03:00.06]任你肆意玩弄 从没去想[03:03.93]你是有多嚣张[03:06.75]我的心脏脉搏为你跳动为你狂[03:10.75]你说我真的多余不如离开流浪[03:14.25]都怪我 没治愈我的伤[03:21.12]你的一字一句犹如刀疤划心上[03:25.12]我的一举一动随你改变多荒唐[03:28.81]任你肆意玩弄 从没去想[03:32.69]你是有多嚣张[03:35.31]我的心脏脉搏为你跳动为你狂[03:39.43]你说我真的多余不如离开流浪[03:43.19]都怪我 没治愈我的伤[03:45.93]吉他：常玮[03:47.55]混音：张鸣利[03:49.61]和声设计/和声：常玮[03:51.67]制作人：常玮/伍华[03:53.80]统筹：王艺园[03:56.92]制作公司：Hikoon Music[03:58.50]OP：嗨库文化",
},
{
name: '海口',
artist: '后弦',
url:
'http://music.163.com/song/media/outer/url?id=92280.mp3',
cover:
'https://p2.music.126.net/6zRKBagDiw7goihpxGnj3A==/109951163283121470.jpg??param=900x900',
lrc:
"[00:14.710]海口字典没如果[00:18.620]恋人造句很英雄[00:22.600]若把爱意当明月[00:26.690]明月为你敢忘了缺[00:30.820]默默遮住你泪眼[00:34.790]世界毁灭没看见[00:38.850]幼稚打败去痛片[00:42.890]旧的情侣表 拨不回以前[00:47.170]她的手很颤抖[00:49.130]结局粉饰太平忙乱在重写[00:54.590]这一切停止在台风席卷来的夜[01:01.800][01:02.330]我向你夸下海口[01:06.300]心为你滴成琥珀[01:09.930]冷却以后[01:12.430]千年后[01:14.480]万年后[01:16.550]爱通透依旧[01:18.480]退潮的老人海口[01:22.320]船不到爱人码头[01:26.270]话不能收[01:28.610]海尽头[01:30.650]道别后[01:33.700]挥向泪的洋流[01:38.940][01:40.640]海口字典没如果[01:44.300]恋人造句很英雄[01:48.800]若把爱意当明月[01:52.410]明月为你敢忘了缺[01:56.480]默默遮住你泪眼[02:00.540]世界毁灭没看见[02:04.640]幼稚打败去痛片[02:08.650]旧的情侣表 拨不回以前[02:12.770]她的手很颤抖[02:14.810]结局粉饰太平忙乱在重写[02:20.700]这一切停止在台风席卷来的夜[02:27.500][02:28.230]我向你夸下海口[02:31.900]心为你滴成琥珀[02:35.940]冷却以后[02:38.420]千年后[02:40.490]万年后[02:42.520]爱通透依旧[02:44.500]退潮的老人海口[02:48.380]船不到爱人码头[02:52.190]话不能收[02:54.600]海尽头[02:56.750]道别后[02:59.700]挥向泪的洋流[03:05.790][03:33.610]我向你夸下海口[03:37.520]心为你滴成琥珀[03:41.590]冷却以后[03:44.100]千年后[03:46.140]万年后[03:48.480]爱通透依旧[03:50.650]退潮的老人海口[03:54.530]船不到爱人码头[03:58.460]话不能收[04:00.960]海尽头[04:03.020]道别后（在眼泪的洋流）[04:07.200]我向你夸下海口[04:10.660]心为你滴成琥珀[04:14.710]冷却以后[04:17.110]心冷却以后[04:20.010]当年的乐天派死了很久[04:23.500]退潮的老人海口[04:27.510]船不到爱人码头[04:31.560]话不能收[04:34.050]海尽头[04:36.210]道别后[04:39.160]挥向泪的洋流[04:46.340]",
},
],
},
// 锁屏
lock: {
enable: true,
background: 'https://guangzan.gitee.io/imagehost/awescnb/images/anime/22.jpg',
strings: [
'<i>Powered by</i> webpack.',
'& Theme in awescnb',
'快去自定义您的个性签名吧~',
],
},
//点击特效
click: {
enable: true,
auto: false,
colors: ['#FF1461', '#18FF92', '#5A87FF', '#FBF38C'],
size: 30,
maxCount: 50,
},
//代码高亮
highLight: {
dark: 'atomOneDark',
light: 'atomOneLight',
},
//按钮工具
tools: {
enable: true,
initialOpen: true,
},
//画笔
notation: {
enable: true,
},
})
</script>
页首 HTML 代码
<div id="loading">
<div class="boxLoading"></div>
</div>
页脚 HTML 代码
//看板娘
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script>
L2Dwidget.init({
"model": {
jsonPath: "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json",
"scale": 1
},
"display": {
"position": "left",
"width": 120,
"height": 240,
"hOffset": 0,
"vOffset": -20
},
"mobile": {
"show": true,
"scale": 0.5
},
"react": {
"opacityDefault": 0.5,
"opacityOnHover": 0.2
}
});
//自定义飘落
</script>
<!-- <script type="text/javascript">
(function($){
$.fn.snow = function(options){
var $flake = $('<div id="snowbox" />').css({'position': 'absolute','z-index':'9999', 'top': '-50px'}).html('