有时候偶尔写东西的时候少音乐挺没劲的。
音乐也是有毒,难以让人专注去做好一件事。
我不知道我添加一个音乐播放器的意义是什么。
纠结那么多好像也没那么多的意义。
所以不管了,文章都开了,还是个音乐播放器吧。
别问我为啥不给移动端加一个,就是不加。
准备工作:一个网易云音乐账号 + 一个网易云音乐歌单
这个音乐播放器是在网易云音乐官网的个人主页里的任意一个歌单中,通过歌单的 生成外链播放器 来生成的一个 iframe 插件。
将原生的代码段:
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=298 height=52 src="//music.163.com/outchain/player?type=0&id=609175973&auto=1&height=32"></iframe>
粘贴到themes/yilia/layout/_partial/left-col.ejs文件的第二行,并作如下的修改之后,将和我现在的博客的音乐布局是一样的。
修改一下:
<iframe style="position:absolute;top: 0px;z-index: 100;" frameborder="no" border="0" marginwidth="0" marginheight="0" width=100% height=52 src="//music.163.com/outchain/player?type=0&id=609175973&auto=1&height=32"></iframe>
添加的部分是设置播放器的相对位置布局,也是很简单的代码就能搞定。
为了适配屏幕把原来的固定width修改成100%。
当然你可以通过检测博客的网页,通过浏览器的布局个人喜欢的位置。