G
N
I
D
A
O
L

在awescnb主题下设置音乐外链

一、主题环境(设置略)

主题是:https://www.yuque.com/awescnb/user/tmpomo

二、用某些网站在线获取音乐外链、歌词

推荐刘志进实验室的音乐提取:https://music.liuzhijin.cn/

1. 进入在线网站搜索音乐,最好不要有会员和登录才能听的,一般有多个版本,找到一个免费听的就行。

image
这里我选择其中之一首。

2. 打开博客园后台设置,在已经配置好主题的前提下,在“页脚HTML代码”添加类似如下:

//音乐播放器
    musicPlayer: {
        enable: true,
        autoplay: false,
        lrc: {
            enable: true,        // 启用歌词
            type: 1,             // 歌词类型  1 -> 字符串 3 -> url
            color: '#8edeb8',    // 颜色
        },
        audio: [
            {
                name: '歌名',
                artist: '作者',
                url:
                    '音乐外链',
                cover:
                    '歌曲封面',
                lrc:
                    "歌词(记得有换行哦)"
            },
        ],
    },

如我这般:

image

3. 在音乐外链提取网站获取歌名,作者,封面(比如网易播放就有封面。右键打开新标签页图片,复制图片链接修改图片大小参数即可)。

image

4. url的获取:

image

5. lrc歌词获取

可能你会问为什么不用音乐提取网站的歌词贴进去?那是因为它没有换行啊,这个功能设计的有点可惜。
这里还有一种方法,通过网易播放器,如果没有会员当然可以是其他播放器,只要歌词换行就行
image
最后粘贴到后台的lyc内容。
image
最后保存设置。进入博客,左下角播放音乐测试一下。
image
非常好,美汁汁儿。

posted @ 2023-04-13 23:32  beatfox  阅读(256)  评论(0编辑  收藏  举报