Hexo博客实现音乐和视频页面
安装插件步骤略!
Hexo博客实现音乐页面的步骤:
- 添加以下代码至音乐页面对应的markdown文档中。
1 | {% meting "8811230296" "netease" "playlist" "autoplay" "mutex:false" "listmaxheight:400px" "preload:none" "theme:\#2980b9"%} |
或者:
1 | <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=100% height=500 src="//music.163.com/outchain/player?type=0&id=8811230296&auto=1&height=430"></iframe> |
歌单id: “8811230296”,可以在网易云音乐的网页版网址中获取。
音乐平台: “netease”代表网易云音乐。
Hexo博客实现视频页面的步骤:
- 获取视频的iframe链接。
1 | <iframe src="//player.bilibili.com/player.html?aid=3159546&bvid=BV1Ts411d7tW&cid=4974791&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe> |
- 调整视频的播放器的尺寸。
1 | <div style="position:relative; width:100%; height:0; padding-bottom:75%;"><iframe src="//player.bilibili.com/player.html?aid=3159546&bvid=BV1Ts411d7tW&cid=4974791&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position:absolute; width:100%; height:100%; left:0; top:0;"> </iframe></div> |
- 复制以下代码到视频页面对应的markdown文档中。
1 | {% raw %} |
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 不归之海!
评论