title: " hexo中插入音乐"
date: 2017-02-14 01:24:49
tags:
hexo
前言
从用QQ空间开始就喜欢插入背景音乐，如今自己管理自己的博客，当然也要插入音乐，不用开绿钻哈哈哈哈。
关于主题
我用的是yilia。
添加音乐
添加的网易云音乐，很方便。
打开网易云音乐某首歌详情页，点击生成外链播放器，选择iframe插件。选择好尺寸。复制html代码。如：
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=298 height=52 src="//music.163.com/outchain/player?type=2&id=4940455&auto=1&height=32"></iframe>
这里手动修改width为"100%",再添上class。然后把下面这段代码复制到
themesyilialayout\_partialleft-col.ejs里，代码：
<nav class="header-music">
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=298 height=52 src="//music.163.com/outchain/player?type=2&id=4940455&auto=1&height=32"></iframe>
</nav>
如图:
。
这样就可以生成播放器了，但是还需要调一下css样式。
在themesyiliasourcemain.2d7529.css(如果名字不同，也应为main.xx.css)末尾添加
.header-music {margin-top: 80px; }
接着hexo clean,hexo g,hexo s 搞定。
效果如下：
之后会试着利用cplayer把列表插入到主题中。