前情提要

最近因为各种原因,在搞aplayer插件等,在windows装好nodejs,git后,发现如果把.sh脚本 改为bat脚本,不能直接使用,复制到命令行里面可以用[无语.jpg],到现在还没有解决。

hexo插件配置(5)

sitemap

1
2
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save

每次进行打包的时候,会自动在public文件夹下生成sitemap.xmlbaidusitemap.xml

2023-01-15-21-04-12-image.png 2023-01-15-20-33-44-image.png

aplayer

注意:特别要注意格式问题,如双引号单引号逗号等···被坑了很久(几天),如果复制发现不行建议检查这些内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
custom_html: '<link rel="stylesheet" href="APlayer.min.css"><div id="aplayer"></div><script src="APlayer.min.js"></script>
<script>
const ap = new APlayer({
container: document.getElementById("aplayer"),
fixed: true,
autoplay: true,
lrcType: 3,
audio: [
{
name: "Take Off And Land 2012",
artist: "Kitsune2",
url: "https://music.163.com/song/media/outer/url?id=1293905789.mp3",
cover: "https://p2.music.126.net/A-jwjeGVtSAEvhvBw7hMlA==/109951163413219245.jpg?param=130y130",
lrc: "nothing.lrc"
},
{
name: "阳光风神",
artist: "街憬",
url: "https://music.163.com/song/media/outer/url?id=1920315462.mp3",
cover: "https://p1.music.126.net/HxUUVR8VhROxLVcyJKJQ0A==/109951166583333280.jpg?param=130y130",
lrc: "阳光风神(赠品) - 街憬.lrc"
}
]
});

</script>
'

1.加入如上内容至_config.fluid.yml

下面的script是配置文件

请访问官方文档https://aplayer.js.org/

附上一表:

名称 默认值 描述
container document.querySelector('.aplayer') 播放器容器元素
fixed false 开启吸底模式, 详情
mini false 开启迷你模式, 详情
autoplay false 音频自动播放
theme '#b7daff' 主题色
loop 'all' 音频循环播放, 可选值: 'all', 'one', 'none'
order 'list' 音频循环顺序, 可选值: 'list', 'random'
preload 'auto' 预加载,可选值: 'none', 'metadata', 'auto'
volume 0.7 默认音量,请注意播放器会记忆用户设置,用户手动设置音量后默认音量即失效
audio - 音频信息, 应该是一个对象或对象数组
audio.name - 音频名称
audio.artist - 音频艺术家
audio.url - 音频链接
audio.cover - 音频封面
audio.lrc - 详情
audio.theme - 切换到此音频时的主题色,比上面的 theme 优先级高
audio.type 'auto' 可选值: 'auto', 'hls', 'normal' 或其他自定义类型, 详情
customAudioType - 自定义类型,详情
mutex true 互斥,阻止多个播放器同时播放,当前播放器播放时暂停其他播放器
lrcType 0 详情
listFolded false 列表默认折叠
listMaxHeight - 列表最大高度
storageName 'aplayer-setting' 存储播放器设置的 localStorage key

2.下载一下文件复制到source目录

2023-01-15-21-05-17-image.png

github链接:https://github.com/DIYgod/APlayer/tree/master/dist

Irc:歌词文件

附加:分享一个wyy歌词获取工具

2023-01-15-21-05-53-image.png

即可保存为Irc文件

2023-01-15-21-06-34-image.png

2023-01-15-21-06-46-image.png

效果如图

叨叨

其实我也不知道到底当初怎么搞的,引号分号都检查过,可是后来重新一写就好了,用其他博主的就不行[无语.jpg]sss

参考

https://zhuanlan.zhihu.com/p/150999914

https://aplayer.js.org/

https://moechun.fun/2022/07/28/Hexo%E5%8D%9A%E5%AE%A2%E4%BD%BF%E7%94%A8aplayer%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E6%8F%92%E4%BB%B6/