插件介绍与配置

# vuepress-plugin-immersive-music-player

🎚 一个沉浸式个性化的vuepress 音乐插件

# 🌟 Version 1.1.X

# 新特性

支持自定义配置播放歌单
支持自定义配置播放进度条主题
🌟 new! 支持用户界面直接输入歌单ID替换播放歌单，博客访问者可以在浏览博客时输入选择播放的歌单

# 安装

$ yarn add vuepress-plugin-immersive-music-player
# npm install vuepress-plugin-immersive-music-player --save

1
2

# 注意事项

npm run build 构建生成了dist文件夹，插件便生效了，部署到自己服务器即可。

# ✨ 特性

🍖 个性化播放进度条
👗 全局播放器
🍒 基于网易云接口
🔧 配置简单易上手

# 🎯 安装

$ yarn add vuepress-plugin-immersive-music-player
# npm install vuepress-plugin-immersive-music-player --save

1
2

# 🚀 Vuepress配置

# Add to .vuepress/config.js

module.exports = {
  plugins: [
    //...
    ['vuepress-plugin-immersive-music-player',{
      sliderStyle:{theme: 'isSpitRainbow'},
      playListID: 633015043,
    }]
    //...
  ]
};

1
2
3
4
5
6
7
8
9
10

# sliderStyle

用于配置播放进度条主题，目前共四个主题：isSpitRainbow,isRainbow,isNyancat,isMario;效果图如下：

isSpitRainbow:
isRainbow:
isNyancat:
isMario:

# playListID

用于配置播放器播放歌单，输入网易云中你想听的歌单ID即可；歌单ID可以参考HowlerMusic网站-基于网易云接口在线播放器 (opens new window)

# 📚 文档

在线文档：TODO

在线例子：demo (opens new window)

插件配置效果：在线地址 (opens new window)

# 更新日志

每个版本的CHANGELOG (opens new window)。

编辑

上次更新: 2022/04/14, 22:05:28

← 个性化Vuepress音乐播放器插件关于个性化样式→