hexo

更新记录

2023-01-06

基于hexo-butterfly主题扩展：引入音频播放器、douban组件引入

hexo-butterfly-音频视频播放器嵌入1.音乐引入

开发说明

​ 实现引入有两种方式，一种是在markdown中用原生的html编写（需开启配置文件中aplayerInject配置），一种则是借助hexo-tag-aplayer插件进行渲染（区分全局引用、部分引用）

原生html实现方式引用hexo-tag-aplayer插件# 安装hexo-tag-aplayer插件npm install hexo-tag-aplayer全局引用

hexo项目根目录引入配置

aplayer: meting: true asset_inject: false

_config.butterfly.yml主题配置文件中配置aplayerInject

# Inject the css and script (aplayer/meting)aplayerInject: enable: true per_page: true

插入代码到页脚

inject: head: bottom: -

​ 如果在切换页面的时候音乐不中断，则将主题配置文件中的pjax设置为true

参数配置说明

​ 参数配置最核心的内容就是data-id、data-server的配置（如果播放器没有正常加载则检查相关的配置是否正常），以网易云为参考，可以选择歌单生成相应的外链播放器：

网页版访问任意指定歌单列表：

如果是通过app端访问，则自定义歌单列表（公开）通过分享的方式获取到