哔哩萌

小白的日常

是不是选择任何一个方向,都会游向同一个宿命呢?


Ghost 博客使用 Aplayer & HTTPS

转自:让 Ghost 吃上 APlayer

用来替换已失修的 163music-APlayer-you-get-docker 项目。

引入依赖

<!--css 部分是为了修复主题和播放器不兼容的部分,视情况。-->
<style>
    li {margin: 0em 0;}
    button {min-height: 0px;}
    .aplayer {margin: 0 0 1.75em 0 !important;}
</style>  

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

这样播放器已经引入成功了~

使用

<div class="aplayer" data-id="60198" data-server="netease" data-type="playlist" data-mode="random"></div>  

其中的参数如下,加粗表示必须

  • data-id: 歌曲/专辑/歌单 ID
  • data-server: 音乐平台,支持如下参数
    • netease
    • tencent
    • xiami
    • kugou
    • baidu
  • data-type: 请求类型,支持如下参数
    • song (单曲)
    • album (专辑)
    • playlist (歌单)
    • search (搜索)
  • data-mode: 播放模式
    • random (随机)
    • single (单曲)
    • circulation (列表循环)
    • order (列表)
  • data-autoplay: 自动播放

演示

<div class="aplayer" data-id="36621810" data-server="netease" data-type="song"></div>


<div class="aplayer" data-id="597545801" data-server="netease" data-type="playlist" data-mode="random"></div>


最近的文章

1.X & 快速变化中的 Ghost

七天七个版本!截止发稿已发布到1.5.0 目测下周前能到2.0 。 肉眼可见的变化 新编辑器,这是最大的变化,好不好用?我觉得还行。 自定义摘要,不用再忍受蛋疼的自动截取了 。 文章头尾代码注入,嗯,虽然文章里直接写是没问题的,但是分离开还是比较好。…

博客阅读全文
更早的文章

二〇一七年七月-随便说说

不知道起什么标题,姑且先定为时间-随便说说吧。 本宝宝又又老了一岁 好迷茫,好忧伤。🍉 互联网环境有点糟糕 最近一些做法有点过分了,不知道接下来会怎样,祝一切安好。 最近沉迷于骑自行车 真的好累,天也热,不过锻炼身体嘛,在学校几乎从没锻炼过,四肢无力。…

随便说说阅读全文