【Win10】Hexo 搭建个人主页 （十一）添加网易云音乐

网易云音乐"/>

【Win10】Hexo 搭建个人主页 （十一）添加网易云音乐

前言

本篇博文是关于添加网易云音乐。

如果对于搭建等其它方面有需要了解的，读者可以阅读前几篇比较优质的文章：

推荐阅读：【Win10】搭建个人博客 Hexo框架 （自制）

推荐阅读：【Win10】搭建个人博客 Hexo框架（部署到 github 上并 导入美化样式 ）

推荐阅读：【Win10】Hexo 搭建个人主页 （一）解决所有文章，缺失模块问题

推荐阅读：【Win10】Hexo 搭建个人主页 （二）配置图片资源

推荐阅读：【Win10】Hexo 搭建个人主页 （三）文章显示摘要

推荐阅读：【Win10】Hexo 搭建个人主页 （四）文章显示目录

推荐阅读：【Win10】Hexo 搭建个人主页 （五）增加归档菜单

推荐阅读：【Win10】Hexo 搭建个人主页 （六）修改代码块样式

推荐阅读：【Win10】Hexo 搭建个人主页 （七）增加不蒜子统计

推荐阅读：【Win10】Hexo 搭建个人主页 （八）添加Gitment评论系统

推荐阅读：【Win10】Hexo 搭建个人主页 （九）添加字数统计和阅读时长功能

推荐阅读：【Win10】Hexo 搭建个人主页 （十）添加版权说明（更新配置版）

准备工作

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

点击进入网易云音乐

不过有点尴尬的是，大部分音乐是有版权的，我们只能拿到没设置版权的那种，但总比没有的好咯

2、引入播放器代码

在themes/yilia/layout/_partial/left-col.ejs文件nav标签中添加如下代码

注：放在<nav>和</nav>之内（我这里设置了默认不自动播放，因为在手机端不太友好…）

<!-- 网易云音乐插件 -->
<% 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/outchain/player?type=2&id=445124012&auto=0&height=32"></iframe></div>
<% } %>

3、在yilia主题配置文件中添加属性

# 网易云音乐插件
music:enable: true#id: 1332647902  # 网易云分享的IDautoplay: true  # 是否开启自动播放

效果

学如逆水行舟，不进则退