一、主题环境(设置略)
主题是:https://www.yuque.com/awescnb/user/tmpomo
二、用某些网站在线获取音乐外链、歌词
推荐刘志进实验室的音乐提取:https://music.liuzhijin.cn/
1. 进入在线网站搜索音乐,最好不要有会员和登录才能听的,一般有多个版本,找到一个免费听的就行。
这里我选择其中之一首。
2. 打开博客园后台设置,在已经配置好主题的前提下,在“页脚HTML代码”添加类似如下:
//音乐播放器
musicPlayer: {
enable: true,
autoplay: false,
lrc: {
enable: true, // 启用歌词
type: 1, // 歌词类型 1 -> 字符串 3 -> url
color: '#8edeb8', // 颜色
},
audio: [
{
name: '歌名',
artist: '作者',
url:
'音乐外链',
cover:
'歌曲封面',
lrc:
"歌词(记得有换行哦)"
},
],
},
如我这般:
3. 在音乐外链提取网站获取歌名,作者,封面(比如网易播放就有封面。右键打开新标签页图片,复制图片链接修改图片大小参数即可)。
4. url的获取:
5. lrc歌词获取
可能你会问为什么不用音乐提取网站的歌词贴进去?那是因为它没有换行啊,这个功能设计的有点可惜。
这里还有一种方法,通过网易播放器,如果没有会员当然可以是其他播放器,只要歌词换行就行。
最后粘贴到后台的lyc内容。
最后保存设置。进入博客,左下角播放音乐测试一下。
非常好,美汁汁儿。