Next主题添加网易云音乐

- 【Hexo】Next主题添加网易云音乐

使用网易云音乐插件给 Next主题博客添加网易云音乐,具体步骤如下:

- 生成网易云外链播放器

进入 网易云音乐,注册帐号,创建新的歌单,找到喜欢的歌曲加入歌单,点击分享按钮。

点击”我的音乐”旁边的”关注”页签,可以在动态列表下看到刚才分享出来的音乐,点击歌单名称。

进入歌单列表详情,点击生成外链播放器

选择你需要的尺寸和播放模式,点击复制代码按钮,复制生成的网易云音乐播放代码。

- 博客中插入生成的外链播放器代码

打开/themes/next/layout/_macro/sidebar.swig文件,在合适位置插入复制出来的网易云音乐播放代码。位置可以跟据具
体效果自行调整。

1
2
hexo g
hexo s

访问本地服务器localhost:4000,即可看到播放器了,但是每次翻页或者查看日志都会导致浏览器刷新而播放器重新播放音乐。

- 安装pjax模块实现音乐全局播放

为了防止每次翻页都会导致浏览器刷新而播放器重新播放音乐,需要引入pjax模块。

  1. 转入到Next目录

    1
    2
    $ cd themes/next
    $ ls

    _config.yml crowdin.yml docs gulpfile.js languages layout LICENSE.md package.json README.md scripts source

  2. 获取pjax模块,将模块安装到source/lib目录:

    1
    $ git clone https://github.com/theme-next/theme-next-pjax source/lib/pjax

  1. 启用pjax模块

    在Next主题的_config.yml文件中,启用pjax模块

1
2
hexo g
hexo s

访问本地服务器localhost:4000,翻页播放器不会重新播放音乐了。