Hexo 博客中插入音乐和视频

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

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

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 开发。

安装

npm install hexo-tag-dplayer
npm install hexo-tag-aplayer

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

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

{% 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 博客中插入音乐/视频
• Hexo博客中添加图片、音频、视频 、
• Hexo插入背景音乐的正确姿势
• DPlayer