1 .前言本文介绍如何基于互联网云iframe插件向hexo博客添加音乐播放器。 不需要安装其他插件。
2 .安装说明用网易云音乐打开要插入的音乐页面,点击生成外联播放器。
在网页上调整播放器插件后,复制下面的HTML代码。
例如:
iframe frameborder=' no ' border='0' marginwidth='0' marginheight='0' width=330 height=86 src='/music.110
例如,我使用的fluid主题的路径如下:
f :my blognode _ moduleshexo-theme-fluidlayout在layout文件夹下查找要添加音乐播放器位置的ejs文件。
例如,如果要放在所有页面的页脚中,则ejs文件的路径如下:
layout_partialfooter.ejs打开ejs文件,并使用vs代码或记事本找到用于生成相关位置的html文件的代码。
这些ejs文件相当于用于生成html文件的模板。
将复制的HTML代码和div添加到相关位置
例如:
footer class=' text---center mt---- 5py----3'/原本的页脚生成代码------------------------------------------------------------------- -。 ------------------------- -复制的外部链播放器插件的代码iframe frameborder=' no ' border='0' mmm type=2id=572328440 auto=1height=66 (/iframe/div---------------- -的页脚生成代码diviv div %-partial (' _ partial/statistics.ejs ' ) %-cnzzanalyticsicon---* span id=' cnzz _ stat _ icon _ %-ttan 那个不会播放给你
页面转换或更新后,播放器的状态将重置,目前无法解决
4 .其他实现方法除hexo框架外,还可以通过音乐播放插件Aplayer实现。
相关链接:Aplayer