Butterfly主题魔改完整源码

魔改看点

增加背景随机功能配置,简单操作,只需要给出文件列表项配置在_config.yml

增加侧边栏音乐盒功能

增加meting播放器插件

增加会飞的鱼

增加鼠标移动星星特效

增加主页雪花特效

增加 valinex 魔改版,支持自定义标签

增加 bilibili 播放器插件

增加 bilibili 追番插件

移植 Sakura 主题精美鼠标图标

增加 up 酱(返回顶部)

增加 valine 表情支持 qq,bilibili 等

魔改配置

  1. 随机背景

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
      /theme/butterfly/_config.yml

    # 随机背景是否开启
    # list: 图片组,从组内随机选择一张
    # ---------------------------
    RandomBackground:
    enable: true # 是否随机
    imglist:
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/1.jpg # imglist: '- /img/cover/bg' # 图片位置,支持http,https协议
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/2.jpg
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/3.png
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/4.jpg
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/5.jpg
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/6.jpg
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/7.jpg
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/8.png
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/9.png
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/10.png
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/11.jpg
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/12.jpg
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/13.png
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/14.jpg
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/15.png
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/16.jpg
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/17.webp
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/18.jpg
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/19.jpg
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/20.jpg
    - https://cdn.jsdelivr.net/gh/glassy-sky-lisong/StaticFile/img/21.png
  2. meting音乐插件

    1
    2
    3
    4
    5
    6
    7
    8
    9
    /source/_post/*md
    添加语法
    {% meting "config1" "config2" "..." %}
    例如:
    {% meting "51512" "playlist" "netease" %}
    "51512"此为网易歌单的id,获取id需要在浏览器登录网易云,在网址栏截取复制
    url示例:
    https://music.163.com/api/playlist/detail?id=37880978
    那么示例id为37880978

    有关 meting 的选项列表如下:

    选项 默认值 描述
    id 必须值 歌曲 id / 播放列表 id / 相册 id / 搜索关键字
    server 必须值 音乐平台: netease, tencent, kugou, xiami, baidu
    type 必须值 song, playlist, album, search, artist
    fixed false 开启固定模式
    mini false 开启迷你模式
    loop all 列表循环模式:all, one,none
    order list 列表播放模式: list, random
    volume 0.7 播放器音量
    lrctype 0 歌词格式类型
    listfolded false 指定音乐播放列表是否折叠
    storagename metingjs LocalStorage 中存储播放器设定的键名
    autoplay true 自动播放,移动端浏览器暂时不支持此功能
    mutex true 该选项开启时,如果同页面有其他 aplayer 播放,该播放器会暂停
    listmaxheight 340px 播放列表的最大长度
    preload auto 音乐文件预载入模式,可选项: none, metadata, auto
    theme #ad7a86 播放器风格色彩设置

未完待续,此文章将持续更新,请持续关注~