My_inline_music_box

hexo

Plugins

 2021/01/04  Share

今天往博客的Archive里面添加了网易云的外链歌单。期末考试？鸽了。

歌单:

The White Lady - Chirstopher Larkin
As Time Goes By - Max Steiner
ひとり旅 - 鎖那
月夜海 - 藤田咲/山田悠希
雨き声残響 - 鹿乃

后续:

看到PiCpo用的是APlayer，于是我也去弄了一个

配置

1	npm install aplayer --save

往网页的base-head.html里面添加:

1
2
3

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script>

向博客的_config.yml中加入:

1
2
3

# APlayer Music Player
aplayer:
  meting: true

然后再网页中想要插入歌单的部分添加:

1	<meting-js server="netease" type="playlist" id="xxx"></meting-js>

其中，id为该平台导出外链歌单的值。

meting-js更多的属性详见APlayer的官方文档:

APlayer

Reference:

Aplayer搭配Metingjs音乐插件的使用

Author: Endsieg77

Link: https://endsieg77.github.io/2021/01/04/My-inline-music-box/

Post on: January 4th 2021, 9:42:53 pm

Update on: January 9th 2021, 2:08:16 am

Next Post

Marks of Maths
Previous Post

Linux Learning Notes

CATALOG



缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是archer根目录）执行以下命令：
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置：

jsonContent:
  meta: false
  pages: false
  posts:
    title: true
    date: true
    path: true
    text: false
    raw: false
    content: false
    slug: false
    updated: false
    comments: false
    link: false
    permalink: false
    excerpt: false
    categories: true
    tags: true