网易云音乐"/>
【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 # 是否开启自动播放
效果
学如逆水行舟,不进则退
更多推荐
【Win10】Hexo 搭建个人主页 (十一)添加网易云音乐
发布评论