【Hexo搭建个人博客】(九)Hexo+Next添加网易云音乐

1.将歌曲做成外链

首先登录网易云,找一首没有版权的歌单,点击生成外链:
【Hexo搭建个人博客】(九)Hexo+Next添加网易云音乐
网易云音乐歌单因为版权原因无法生成外链的解决方法:

  1. 打开歌单页面,在生成外链播放器上右击,点击审查元素(检查)
  2. 接着找到生成外链播放器这段文字复制:
    【Hexo搭建个人博客】(九)Hexo+Next添加网易云音乐
  3. 补全网页链接http://music.163.com/#/outchain/0/974387610/,打开就能看到外链链接了:
    【Hexo搭建个人博客】(九)Hexo+Next添加网易云音乐

进入该生成页面后,设置生成代码:
【Hexo搭建个人博客】(九)Hexo+Next添加网易云音乐

2.添加到Next主题中

将代码放到../themes/hexo-theme-next/layout/_macro/sidebar.swig 文件下:
【Hexo搭建个人博客】(九)Hexo+Next添加网易云音乐

3.修改侧边栏宽度

打开主题配置文件,修改:
【Hexo搭建个人博客】(九)Hexo+Next添加网易云音乐

4.效果

【Hexo搭建个人博客】(九)Hexo+Next添加网易云音乐