Hexo中播放网易云音乐的实践

2016-10-11
Hexo相关

需求:想在博客中添加一个个人的音乐播放器,不是自动播放的,用户点击可以播放。

具体步骤:

获取网易云音乐插件外链

  • 找到选中的歌的地址:
    Image 2016-10-11 at 11.50.29 上午.png
  • 获取外链,选择是否播放模式
    粘贴图片.png

将外链插入到hexo/themes/next/layout中的文件中

  • 我选择把播放器放在sidebar里面,所以我就选择了_macro文件夹中的 sidebar.swig文件,将之前复制的代码到了该文件中:
    1
    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=86 height=86 src="http://music.163.com/outchain/player?type=2&id=1286452&auto=0&height=66"></iframe>

粘贴图片1.png

  • 如果选择放到主页的话,就放到_layout.swig文件中去就行了

最后,保存,提交。

1
hexo g -d

效果图如下:
DingTalk20161011134528.png


Kommentare: