Hexo插入音乐/视频/网易云音乐/bilibili视频,会让博客看起来很洋气 (ง •̀_•́)ง 。查看更多于本人博客:李飞阳
Markdown 通用的音乐视频插入方法
iframe 标签
代码从网易云音乐获得
![](https://img.haomeiwen.com/i3326314/44049d0299739c82.png)
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=430 height=86 src="//music.163.com/outchain/player?type=2&id=114389&auto=0&height=66"></iframe>
因为简书不支持,可以在李飞阳看到效果。
![](https://img.haomeiwen.com/i3326314/dcbd8aa32cc1d493.png)
embed 标签
<embed height="415" width="544" quality="high" allowfullscreen="true" type="application/x-shockwave-flash" src="//static.hdslb.com/miniloader.swf" flashvars="aid=8506694&page=1" pluginspage="//www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
因为简书不支持,可以在李飞阳看到效果。
![](https://img.haomeiwen.com/i3326314/3c4daf0f4d07e6c3.png)
javascript 标签举例
<script type="text/javascript" src="http://www.xiami.com/widget/player-single?uid=32329501&sid=1776238762&mode=js"></script>
![](https://img.haomeiwen.com/i3326314/c6066794c48f54f1.png)
使用 Hexo 插件插入音乐/视频
两个好用的hexo插件:
**hexo-tag-aplayer:https://github.com/grzhan/hexo-tag-aplayer)
**hexo-tag-dplayer: https://github.com/NextMoe/hexo-tag-dplayer
播放音乐的aplayer
在cmd页面内,使用npm安装:
npm install hexo-tag-aplayer
在markdown内添加以下代码:
{% aplayer "她的睫毛" "周杰伦" "http://home.ustc.edu.cn/~mmmwhy/%d6%dc%bd%dc%c2%d7%20-%20%cb%fd%b5%c4%bd%de%c3%ab.mp3" "http://home.ustc.edu.cn/~mmmwhy/jay.jpg" "autoplay=false" %}
![](https://img.haomeiwen.com/i3326314/31d41136a83493c7.png)
播放视频的dplayer
在cmd页面内,使用npm安装:
npm install hexo-tag-dplayer
在markdown内添加以下代码:
{% dplayer "url=http://home.ustc.edu.cn/~mmmwhy/GEM.mp4" "pic=http://home.ustc.edu.cn/~mmmwhy/GEM.jpg" "loop=yes" "theme=#FADFA3" "autoplay=false" "token=tokendemo" %}
![](https://img.haomeiwen.com/i3326314/b72844fd5b78ab8c.png)
以上
网友评论