hexo添加音乐

本文介绍了如何在Hexo博客中添加音乐,包括从网易云音乐生成外部链接播放器,获取HTML代码并添加到文章中,以及使用hexo-tag-aplayer插件配合MetingJS实现音乐播放功能。详细步骤包括安装插件和根据MetingJS文档进行配置。
摘要由CSDN通过智能技术生成

前言:网易云音乐上有很多不错的歌曲,但是因为版权问题部分不能生成外链接。aplayer是github上的开源项目,最新的支持了MetingJS,强力推荐aplayer+MetingJS,支持多个平台。

网易云

生成音乐链接

打开?网易云音乐搜索想要的音乐,点击生成外部链接播放器

网易云音乐

获取html代码

网易云音乐

html代码:

   <iframe frameborder="no" ... 0&height=66"></iframe>

添加到文章中

找到下面位置粘贴代码

    {% endif %}
        {% include '../_custom/sidebar.swig' %}  

+  <iframe frameborder="no" ... height=66"></iframe>
              </div>
      </section>
      {% if display_toc and toc(page.content).length > 1 %}

Aplayer+MetingJS

使用 hexo-tag-aplaye

引用中的内容是关于在Hexo Matery主题中添加音乐页面的配置说明。通过在主题配置文件_config.yml中增加音乐页面链接和标题,以及在新建的musics.ejs文件中添加代码,可以支持音乐播放功能。在_config.yml文件中,可以设置音乐的平台、类型、ID等参数,以及其他一些配置选项,如是否显示歌词、默认音量等。而在musics.ejs文件中,可以使用APlayer播放器插件来实现音乐播放功能,并设置歌单ID、循环播放等参数。这样就可以在Matery主题中添加音乐页面了。 总结:要在Hexo Matery主题中添加音乐页面,需要进行一系列的配置,包括修改主题配置文件_config.yml、新建musics.ejs文件,并在其中添加相应的代码。通过这些配置,可以实现音乐播放功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [关于给hexo博客增加音乐页面(使用Aplayer和MetingJS插件)](https://blog.csdn.net/weixin_42529972/article/details/109517313)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* [hexo-matery主题美化(三)-音乐播放器](https://blog.csdn.net/gobullin/article/details/107910725)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值