Hexo + Next 主题实现全局播放背景音乐 |
您所在的位置：网站首页 › 网易云怎么把博客加入歌单 › Hexo + Next 主题实现全局播放背景音乐 |
Hexo + Next 主题实现全局播放背景音乐
|
欢迎访问我的博客，点击蓝色字体即可进入！ 第一种方式：使用网易云音乐插件特点： 简单快捷有版权保护的音乐无法播放（易造成歌单失效）我们可以将此插件添加到博客界面，或者博客文章之中（直接粘贴网易云插件代码即可）。 如何获取网易云歌单外链音乐插件及注意事项 在此我们举例将音乐插件添加到侧边栏。打开我们主题文件：themes\next\layout\_macro\sidebar.swig找到sidebar-inner，将网易云插件代码代码粘贴到此标签后即可。 演示： //从下面开始复制，粘贴到这里在博客文件夹打开GitBash执行hexo clean、hexo g、hexo s，即可看到效果。 效果图：
特点： 可以播放大部分音乐。还可以添加其他音乐平台的歌单，如：QQ音乐... 在此我们举例将音乐插件添加到侧边栏。点击绿色框线处就会打开播放列表
打开我们主题文件：themes\next\layout\_macro\sidebar.swig找到sidebar-inner，复制下面代码粘贴到此标签后即可。 简单方式经测试：此方式，有时会失效，留作研究。【不推荐】 【要求MetingJS版本：@2.0.1】 //从下面开始复制，粘贴到这里属性 选项默认值功能描述id必须值歌曲 id / 播放列表 id / 相册 id / 搜索关键字server必须值音乐平台: netease, tencent, kugou, xiami, baidutype必须值song, playlist, album, search, `artistautooptionsmusic link, support: netease, tencent, xiamifixedfalse开启固定模式minifalse开启迷你模式autoplayfalse自动播放，移动端浏览器暂时不支持此功能theme#2980b9播放器风格色彩设置loopall列表循环模式：all, one,noneorderlist列表播放模式： list, randompreloadauto音乐文件预载入模式，可选项： none, metadata, autovolume0.7播放器音量mutextrue该选项开启时，如果同页面有其他 aplayer 播放，该播放器会暂停lrc-type0lyric typelist-foldedfalse歌词格式类型list-max-height340px播放列表的最大长度storage-namemetingjsLocalStorage 中存储播放器设定的键名其他属性请参照：MetingJS 添加QQ音乐歌单将meting-js换成下面即可。 auto后为歌单网址。 复杂方式在data-后添加属性及属性值即可实现相同功能 【要求MetingJS版本：@1.2】 //从下面开始复制，粘贴到这里其他属性请参照：APlayer 第三种方式：使用Aplayer添加本地音乐此方式有些麻烦和复杂，界面相关属性都需要自己设置和修改，不做具体阐述，参考以下链接 feilong4659196：使用Aplayer + LeanCloud方式Y`s BLOG：使用Aplayer + 纯代码方式（Aplay官方文档也有描述） 使用 Pajx 实现背景音乐全局播放即实现页面跳转刷新后音乐不间断播放 经测试，在博客文章中的网易云插件无法实现全局播放。（留作研究） 打开themes\next\layout文件夹找到_layout.swig 在标签前添加下面代码，并保存。 //粘贴到这里 在主题的配置文件中找到pajx，将它设置为true，并保存。 # Easily enable fast Ajax navigation on your website. # Dependencies: https://github.com/theme-next/theme-next-pjax pjax: true在博客文件夹打开GitBash执行hexo clean、hexo g、hexo s，跳转页面时即可看到效果。 参考文章 【鸣谢】 Aplay官方文档(中文版)PjaxMetingJSSourc0dhushhwfeilong4659196Y`s BLOG |
【本文地址】
今日新闻 |
推荐新闻 |