hexo博客增加音乐播放器功能


1.在 layout.ejs 中 body 标签内粘贴入以下

image.png

 <!--音乐-->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">
  <script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/meting@1.2/dist/Meting.min.js"></script>
  <div id="player" class="aplayer aplayer-withlist aplayer-fixed" data-id="3025663508" data-server="netease" data-type="playlist" data-order="random" data-fixed="true" data-listfolded="true" data-theme="#2D8CF0"></div>

页面就能正常展示了
image.png

2.跳转页面不中段播放

这个一直都没有效果,试了很多方法,如果有知道的朋友推荐下。待续。


文章作者:   leader755
版权声明:   本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 leader755 !
评论
 上一篇
Github域名加上1s,在线VS Code阅读源码神器诞生 Github域名加上1s,在线VS Code阅读源码神器诞生
原文链接: 阅读原文请移步:https://mp.weixin.qq.com/s/ZAkdo3xqcL2IHJhUanqebQ 以下内容为内容简介,详情请查看原文链接。 案例: 以 react 为例子: 原网址: http://git
2021-02-20
下一篇 
小程序轮播图片高度自适应 小程序轮播图片高度自适应
微信小程序中使用 swiper 组件可以实现图片轮播效果,但是默认 swiper 高度是固定的 150px,如果项目中图片大于固定高度就会被隐藏,所以本篇文章要实现轮播图片的高度自适应。 1.以最高的图片为基准(需要考虑图片全部一样的大
  目录