😀音乐组件

<!--音乐，只在PC端宽度>1000px时显示-->
<link rel="stylesheet" href="https://blog-static.cnblogs.com/files/miluluyo/APlayer.min.css">
<div id="player" class="aplayer aplayer-withlist aplayer-fixed" data-id="3116636104" data-server="netease" data-type="playlist" data-order="random" data-fixed="true" data-listfolded="true" data-theme="#2D8CF0"></div>
<script src="https://blog-static.cnblogs.com/files/miluluyo/APlayer.min.js"></script>
<script src="https://blog-static.cnblogs.com/files/miluluyo/Meting.min.js"></script>

🤗创建目录

由于资源访问受限，你需要将网页资源下载到本地，可以在assets/media目录下创建一个子目录music，下载相关的CSS文件和js文件，修改音乐组件如下
<link rel="stylesheet" href="/media/music/APlayer.min.css">
<div id="player" class="aplayer aplayer-withlist aplayer-fixed" data-id="3116636104" data-server="netease" data-type="playlist" data-order="random" data-fixed="true" data-listfolded="true" data-theme="#2D8CF0"></div>
<script src="/media/music/APlayer.min.js"></script>
<script src="/media/music/Meting.min.js"></script>
<script src="/media/music/instantpage.min.js" type="module" defer></script>

😋添加组件

将组件添加到footer.ejs的末尾，最终实现效果如下