yilia主题添加网易云音乐插件

添加网易云音乐播放插件

1. 打开网易云音乐首页，复制选择的背景音乐分享外链

在网易云音乐 网页中选中想要使用的音乐，进入播放界面，点击生成外链播放器，这里由于版权问题，网易云音乐无法对有版权的音乐生成外链！！！

2. 引入播放器代码

在themes/yilia/layout/_partial/left-col.ejs文件nav标签中添加如下代码，代码中id后的1334445174为默认音乐的id号

将代码中的红色部分和刚刚复制的网易云外链代码进行对照，将对应部分进行替换（不替换的话使用的是 纸短情长 歌曲）

<!-- 网易云音乐插件 -->
<% if (theme.music && theme.music.enable){ %>
   <div style="position:absolute; bottom:120px left:auto; width:85%">
      <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="240" height="52" src="//music.163.com/outchain/player?type=2&id=<%=theme.music.id||1433584979%>&auto=<%=theme.music.autoplay?1:0%>&height=32"></iframe>
   </div>
<% } %>

添加位置如图：

3. 回到hexo的配置文件_config.yml新增以下配置，更换音乐只需要改动_config.yml文件此处的id号。

music:
  enable: true
  id: 1433584979  # 网易云分享的ID,ID可以随时替换
  autoplay: true  # 是否开启自动播放
（注：在KeXueShangWang条件下，无法自动播放）

Hexo搭建博客系列教程

1. Hexo搭建博客系列教程1__hexo+Github搭建个人静态博客
2. Hexo搭建博客系列教程2__Hexo安装配置yilia主题
3. Hexo搭建博客系列教程3__yilia主题添加网易云音乐插件
4. Hexo搭建博客系列教程4__yilia主题添加Gitment评论插件
5. Hexo搭建博客系列教程5__让搜索引擎收录博客

赏

谢谢你请我吃糖果

支付宝

微信