tool

1.简介

本篇文章是介绍基于网易云iframe插件在hexo博客中加装音乐播放器的方法，无需安装任何额外插件。


2.安装步骤

在网易云音乐中打开你想要插入的音乐页面，点击 生成外联播放器


在网页中调整好播放器插件后，复制下方的HTML代码

1
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=1987781683&auto=1&height=66"></iframe>

可以将上面的歌单id放入下面的内容中，以获得更加详细的设置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!--网易云音乐插件-->
<!-- require APlayer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
<!-- require MetingJS-->
<script src="https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script> 
<!--网易云playlist外链地址-->   
<meting-js
    server="netease"
    type="playlist" 
    id="110119120"
    mini="false"
    fixed="false"
    list-folded="true"
    autoplay="false"
    volume="0.4"
    theme="#FADFA3"
    order="list"
    loop="all"
    preload="auto"
    mutex="true">
</meting-js>

但是要安装：

1
$ npm install --save hexo-tag-aplayer

以及主题配置文件中添加：

1
2
aplayer:
  meting: true

打开本地架设hexo博客的文件夹，寻找正在使用主题文件夹下的layout文件夹,如果你想要放在页脚位置，就寻找以下路径：

1
/Users/chenyubin/Desktop/no_emo/blog2/themes/reimu/layout/_partial/footer.ejs