话不多说, 直接开整.

播放器文件下载并引入

下载下来后放入 source 目录中 (主题或 Hexo 自带的皆可) , 然后用 iframe 引入 index.html 文件

iframe(name="player", id="player", src="/player/", frameborder="0", onload="this.width=player.jp_container_N.scrollWidth;{%raw%}$('.songlist__item').each(function(){generate(${%endraw%}(this).attr('id'))});", style="z-index:100; position:fixed; left:0px; bottom:0px")

以上代码建议插入到 head 标签中 (这是 PUG 格式, 其他格式可以自行更改). 然后你就可以看见你的博客里多了一个播放器.

配置

var musicList = [{
    title: "Life Is Beautiful",
    artist: "The Afters",
    mp3: "https://cdn.jsdelivr.net/gh/cnyist/music@master/The%20Afters%20-%20Life%20Is%20Beautiful/The%20Afters%20-%20Life%20Is%20Beautiful.mp3",
    poster: "https://cdn.jsdelivr.net/gh/cnyist/music@master/The%20Afters%20-%20Life%20Is%20Beautiful/The%20Afters%20-%20Life%20Is%20Beautiful.jpg"
}, {
    title: "Fire",
    artist: "Said The Sky",
    mp3: "http://music.163.com/song/media/outer/url?id=435289279.mp3",
    poster: "http://p1.music.126.net/tg2zke_mrqwuOPlEIEUjGg==/18294773975127592.jpg?param=130y130"
}];