首页 > 编程知识 正文

melobeat怎么导入音乐(hexo博客中添加音乐播放器)

时间:2023-05-05 20:01:16 阅读:122939 作者:1633

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

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。