hexo插入音乐

什么是APlayer

https://aplayer.js.org/#/zh-Hans/

安装

npm install aplayer --save

使用

找到node_modules下的aplayer

hexo插入音乐_第1张图片

点进去,复制他的dist文件夹

hexo插入音乐_第2张图片

复制到F:\blog\themes\yelee\source下

hexo插入音乐_第3张图片

在dist文件夹下新建music.js

hexo插入音乐_第4张图片

music.js 代码

const ap = new APlayer({
    container: document.getElementById('aplayer'),
    fixed: true,
    autoplay: true,
    lrcType: 3,
    audio: [
      {
        name: "在水一方",
        artist: '李健',
        url: 'http://other.web.ri01.sycdn.kuwo.cn/resource/n2/31/23/2648161877.mp3',
        cover: 'http://star.kuwo.cn/star/starheads/180/73/49/1131928591.jpg',
        lrc: 'song-post/zaishuiyifang.lrc'
      },
    ]
});

在layout.ejs插入以下代码( < body>< /body>内)


    
    

hexo插入音乐_第5张图片

然后即可播放音乐

你可能感兴趣的:(爬坑中...)