hexo butterfly主题添加全局吸底APlayer

最新推荐文章于 2024-07-23 23:53:27 发布

原创

最新推荐文章于 2024-07-23 23:53:27 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了如何在Hexo Butterfly主题中添加全局底部固定的APlayer音乐播放器，包括修改`head.pug`，创建`aplayer.pug`文件，编辑`butterfly.yml`配置文件，以及解决APlayer与TOC冲突的问题，确保APlayer在页面浏览时不会与TOC切换按钮重叠。

hexo butterfly主题添加全局吸底APlayer

打开 themes\Butterfly\layout\includes\head.pug,在结尾加一句include ./third-party/aplayer.pug,如图·：
然后在 themes\Butterfly\layout\includes\third-party\ 里面新建一个文件叫 aplayer.pug ,内容如下

if theme.aplayer && theme.aplayer.enable
	.aplayer(data-id=theme.aplayer.id data-server=theme.aplayer.server data-type=theme.aplayer.type data-fixed=theme.aplayer.fixed data-mini=theme.aplayer.mini data-