hexo+yilia个性化之-添加背景音乐

添加背景音乐

获取外链

打开网易云音乐

网易云音乐

点击图中按钮跳转到外链创建页面。

很多好听的音乐都因为版权原因无法创建外链,所以只能多换几个试试。

创建外链
说明:

  1. 可以调整控件的长度。不过初始长度相对较长,直接添加会看起来不居中影响美观,后面再调
  2. 自动播放属性根据自己的习惯设置。
  3. 之后也可以通过直接修改箭头所指的数值来改变大小
  4. 之后也可以通过修改 0或1 来关闭或打开自动播放

粘贴代码

打开路径 themes/yilia/layout/_partial/left-col.ejs

找到如图所示位置,将获取的外链粘贴上去。

当然不一定非得是这个地方,根据需要可以选择不同的安放位置

打开left-col文件

调整大小

究竟要调整到多长才能看起来居中?我尝试了很多次长度,都不太满意。后来我就想到一个取巧的办法。如图所示:

调整大小

由此确定我们最好将控件长度修改为 228px

完成

居中效果看起来还是不错的。
最终结果

另:

  1. 当用手机端查看的时候控件会消失,因此不能控制暂停。请注意这一点。

  2. ipad布局没有测试,因为我没有ipad…. (  ̄へ ̄)

  3. 每进入一个新的页面音乐都会重新开始播放,我还不知道怎么办。

鼓励一下:D