An apple a day keeps the doctor away !

0%

Hexo Next 主题 APlayer 吸底

问题简述

如何实现在自己博客的左下角加一个音乐播放器,并且可以实现全局播放▶️,无惧跳转干扰?

以前尝试过hexo的插件,但是效果不太理想,参阅别人的博客分享,现综合一下,总结如下:

首先前往hexo/themes/next/layout,打开这个_layout.swig

1
2
3
4
5
6
7
8
9
10
11
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">
<script src="https://fastly.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/meting@1.2.0/dist/Meting.min.js"></script>
<div class="aplayer"
data-id="2127487363"
data-server="netease"
data-type="playlist"
data-fixed="true"
data-theme="#cc543a"
data-preload="auto"
</div>

将其粘贴追加到body体内即可

然后打开主题的_config.yml,设置

1
pjax: true

以上