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

音乐播放器
hexo 博客
发布日期:   2021-01-22
更新日期:   2021-01-22
文章字数:   150
阅读时长:   1 分

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
文章链接:   https://www.leader755.com/leader755/44650.html
版权声明:   本博客所有文章除特別声明外，均采用 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 工具
github 阅读
下一篇 
小程序轮播图片高度自适应 小程序轮播图片高度自适应
微信小程序中使用 swiper 组件可以实现图片轮播效果，但是默认 swiper 高度是固定的 150px，如果项目中图片大于固定高度就会被隐藏，所以本篇文章要实现轮播图片的高度自适应。 1.以最高的图片为基准（需要考虑图片全部一样的大
2021-01-19 微信小程序
swiper 图片自适应
  目录