前言
网页预览:www.Qdashuai.top
如果有想入手Hexo博客但没有任何思路,看网上资料一头雾水,推荐B站这个up主的入门教程传送门
一、网易云外链
打开网易云音乐,将喜欢的歌都加入歌单,然后点击生成外链
调整插件的大小,这里建议第二个就可以了,不大不小,然后复制HTML代码
二、插入代码
打开/themes/next/layout/_macro/sidebar.swig
文件
在下图位置插入代码刚复制的代码
鉴于每个人侧边栏位置不同,具体效果自行调整
三、修改属性
在Next主题的_config.yml
文件中
- hexo g
- hexo s
进入本地服务器localhost:4000
即可看到播放器了
四、播放器刷新网页音乐不间断
这时虽然音乐可以播放了,但是每次翻页都会导致浏览器刷新而播放器重新播放音乐
这个时候引入pjax
插件即可
- 转入到Next目录
$ cd themes/next
$ ls
_config.yml crowdin.yml docs gulpfile.js languages layout LICENSE.md package.json README.md scripts source
- 获取pjax模块,将模块安装到
source/lib
目录:
$ git clone https://github.com/theme-next/theme-next-pjax source/lib/pjax
- 接着在Next主题的
_config.yml
文件中,启用pjax模块
- hexo g
- hexo s
进入本地服务器localhost:4000
刷新网页即可发现播放器不间断了