MENU

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

January 18, 2020 • Typecho笔记

效果展示#


代码#

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

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

1 <linkrel="stylesheet"href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css">
2 <scriptsrc="https://blog-static.cnblogs.com/files/yjlaugus/APlayer.min.js"></script>
3 <divid="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 <scriptsrc="https://unpkg.com/meting@1.2/dist/Meting.min.js"></script>

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

自定义自己的歌单#

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

  举例网易云音乐

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

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

Archives QR Code Tip
QR Code for this page
Tipping QR Code