为Hexo添加音乐

为Hexo添加音乐


本来打算自己写个插件,无奈有点费时间,主要是后天要考试试啦,头有点大。于是使用了音乐外链播放器。一开始直接用的网易云单首歌曲的播放器,但是只能播放同一首歌曲,而且切换歌曲很麻烦,想着加个音乐搜索功能,然后发现有个更好的方式——使用歌单外链。但是打开网易云歌单会发现找不到歌单的外链,不过仔细看源码会发现有个歌单id,这样就够了

转自https://www.tiexo.cn/aplayer/ ,有删减

使用一个开源项目

Aplayer

<script src="https://cdn.bootcss.com/aplayer/1.6.0/APlayer.min.js">script>
<script src="https://api.i-meto.com/music/player.js">script>

引入上述文件后在需要的位置添加播放器:

<div class="aplayer" data-id="373559" data-server="xiami" data-type="song"></div>

参数如下:(粗体为必填项)

  • data-id: 歌曲/专辑/歌单 ID
  • data-server: 音乐平台,支持如下参数

    • netease (网易云音乐)
    • tencent (qq音乐)
    • xiami (虾米音乐)
    • kugou (酷狗音乐)
    • baidu (百度音乐)
  • data-type: 请求类型,支持如下参数

    • song (单曲)
    • album (专辑)
    • playlist (歌单)
    • search (搜索)
  • data-mode: 播放模式

    • random (随机)
    • single (单曲)
    • circulation (列表循环)
    • order (列表)
  • data-autoplay: 自动播放
    • true
    • false

你可能感兴趣的:(hexo)