博客园样式美化：给博客添加一个音乐播放器

效果展示

 

 

 

 

代码

　　博客园管理 -> 设置 -> 页脚HTML代码

　　把下面的代码粘贴上就ok了！

 

1 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css">
2 <script src="https://blog-static.cnblogs.com/files/yjlaugus/APlayer.min.js"></script>
3 <div id="aplayer" class="aplayer"  data-id="865331941" data-server="netease" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div>
4 <script src="https://unpkg.com/meting@1.2/dist/Meting.min.js"></script>

 

　　保存之后就可以看到左下角的音乐播放器了，看博客的时候来点背景音乐也是可以的！

 

自定义自己的歌单

　　最核心的就是修改data-id和data-server就可以了

　　举例网易云音乐

　　选择一个自己喜欢的歌单，可以看到有生成外链播放器，如下图，

　　进去之后就可以看到歌单的id了，复制这个id，然后修改上述代码的data-id就可以了

 

posted @ 2019-02-14 14:33  JYRoy  阅读(6135)  评论(41)  编辑  收藏  举报