hexo-tag-aplayer icon indicating copy to clipboard operation
hexo-tag-aplayer copied to clipboard

如何在blog的非文章页也加载aplayer.js?

Open TranchBellic opened this issue 7 years ago • 9 comments

只能手动加载了吗?有点麻烦呀

TranchBellic avatar Feb 15 '18 09:02 TranchBellic

你好,抱歉这么久才回复。 当前版本的 hexo-tag-aplayer 暂时只支持在文章页加载 aplayer.js 而目前在开发的 3.0 版本将支持非文章页的加载, 该版本将不日发布,届时如果碰到问题欢迎在这里报告

grzhan avatar Mar 01 '18 19:03 grzhan

@grzhan 请问如何才能在文章页以外的地方使用aplay播放音乐。

ghost avatar May 01 '18 09:05 ghost

@TranchBellic @xzy997 请提供您使用的主题,一般来说 Hexo 通过插件来插入代码具有一定局限性 另外可以考虑直接在主题的侧边栏代码中直接添加 Aplayer 的调用代码

grzhan avatar Jun 04 '18 15:06 grzhan

请问aplayer现在能添加到文章外的页面了吗? @grzhan

JadeVane avatar Aug 26 '18 12:08 JadeVane

同样有这个需求,建议是可以通过参数配置的方式,在网页的左下角固定位置(距离宜调整好)可以加载该播放器的插件,插件同样支持歌单的效果。

huweihuang avatar Sep 16 '18 07:09 huweihuang

@grzhan 请问该怎么调用呢?直接“{%”开头的那个放入_sidebar.swig文件中吗?似乎没效果诶

myoumeng avatar Feb 13 '19 11:02 myoumeng

@JadeVane @myoumeng 在md里插入播放器后你们去看生成的html文件。直接复制那段代码到你想要的地方,改下歌单id就好了

ghost avatar Mar 04 '19 13:03 ghost

@JadeVane @myoumeng 在md里插入播放器后你们去看生成的html文件。直接复制那段代码到你想要的地方,改下歌单id就好了

对于像我这样不懂前端的人来说有一点难度,插入hexo的html的哪个地方也不清楚,希望能有个步骤教程 我在用MeingJS的方式引入播放器到hexo中 想实现https://aplayer.js.org/#/首页 左下角那个播放器的样子

你好,抱歉这么久才回复。 当前版本的 hexo-tag-aplayer 暂时只支持在文章页加载 aplayer.js 而目前在开发的 3.0 版本将支持非文章页的加载, 该版本将不日发布,届时如果碰到问题欢迎在这里报告

请问现在可以实现了吗

Monster0303 avatar Jul 15 '19 14:07 Monster0303

@JadeVane @myoumeng 在md里插入播放器后你们去看生成的html文件。直接复制那段代码到你想要的地方,改下歌单id就好了

对于像我这样不懂前端的人来说有一点难度,插入hexo的html的哪个地方也不清楚,希望能有个步骤教程 我在用MeingJS的方式引入播放器到hexo中 想实现https://aplayer.js.org/#/首页 左下角那个播放器的样子

你好,抱歉这么久才回复。 当前版本的 hexo-tag-aplayer 暂时只支持在文章页加载 aplayer.js 而目前在开发的 3.0 版本将支持非文章页的加载, 该版本将不日发布,届时如果碰到问题欢迎在这里报告

请问现在可以实现了吗

早就可以了,把aplayer的代码插入到你主题的模板里就可以。 https://aplayer.js.org/#/首页 左下角那个播放器的样子是开启了吸底模式。

<div id="aplayer-hjnObCgk" class="aplayer aplayer-tag-marker meting-tag-marker" data-id="2382854733" data-server="netease" data-type="playlist" data-order="random" data-lrctype="false" data-listfolded="true" data-fixed="false" data-autoplay="false" data-volume="0.4" data-mutex="true" data-listmaxheight="200px" data-preload="none" data-theme="#00b9f1"></div>

data后面的就是属性,你参考文档自己改就是,这样弄的前提是博客安装了aplayer插件。播放器要全局的话就插入到主题模板的body最下面就是(如果是开启吸底模式) 主题模板的文件都搞不清那就先搞懂再折腾。

ghost avatar Jul 16 '19 07:07 ghost