Hexo 博客中插入音乐和视频

通过 Hexo 插件插入音乐/视频

这里需要使用两个播放器插件

1
2
3
hexo-tag-aplayer:https://github.com/grzhan/hexo-tag-aplayer#upstream-issue

hexo-tag-dplayer:https://github.com/NextMoe/hexo-tag-dplayer

两款插件基于 DIYgod 编写的 html5 播放器 APlayer 和 DPlayer 开发。

安装

1
2
npm install hexo-tag-dplayer
npm install hexo-tag-aplayer

安装成功后,在 Markdown 文档中添加 APlayer 和 DPlayer 标签即可

比如添加如下代码使用 APlayer 和 DPlayer:

1
2
3
4
{% aplayer "yyy" "yyy" "http://xxx.fengcl.com/yyy.mp3" "autoplay" %}

{% dplayer "url=http://xxx.fengcl.com/xxx.mp4" " api=http://dplayer.daoapp.io" "pic=http://xxx.fengcl.com/xxx.png" "id=xxx" "loop=yes" "theme=#FADFA3" "autoplay=false" "token=tokendemo" %}

再根据错误提示,创建文件夹就行。
APlayer 和 DPlayer 具体参数设置可以参考 Github 项目主页,不过默认参数足够用了。
APlayer 与 DPlayer 均支持https。

写后面

其实还后flash方案,贴个html就行。(见参考1的前部分和参考2)
但感觉用纯html5的方案更好些。

参考


Hexo 博客中插入音乐和视频
https://blog.fengcl.com/2017/11/26/hexo-blog-add-music-and-video/
作者
frank
发布于
2017年11月26日
许可协议