zoukankan      html  css  js  c++  java
  • hexo-matery主题美化(三)-音乐播放器

    配置音乐播放器

    要支持音乐播放,在主题的 _config.yml 配置文件中激活music配置即可:

    # Whether to display the musics.
    # 是否在首页显示音乐.
    music:
      enable: true
      title: 非吸底模式有效
      show: 听听音乐
      autoHide: true    # hide automaticaly
      server: tencent   #require	music platform: netease, tencent, kugou, xiami, baidu
      type: playlist    #require song, playlist, album, search, artist
      id: 7660234225     #require	song id / playlist id / album id / search keyword
      fixed: true       # 开启吸底模式
      autoplay: false   # 是否自动播放
      theme: 'blue'     #歌词的颜色
      loop: 'all'       # 音频循环播放, 可选值: 'all', 'one', 'none'
      order: 'random'   # 音频循环顺序, 可选值: 'list', 'random'
      preload: 'auto'   # 预加载,可选值: 'none', 'metadata', 'auto'
      volume: 0.7       # 默认音量,请注意播放器会记忆用户设置,用户手动设置音量后默认音量即失效
      listFolded: true  # 列表默认折叠
    

    server可选:netease(网易云音乐),tencent(QQ音乐),kugou(酷狗音乐),xiami(虾米音乐),

    baidu(百度音乐)。

    type可选:song(歌曲),playlist(歌单),album(专辑),search(搜索关键字),artist(歌手)

    id获取示例: 打开网易云音乐,选择喜欢的歌单,然后点击分享,生成插件外链

    这就是歌单的id,文件里默认设置的歌单其实也还不错。如果以后继续添加歌曲,更新了歌单,我亲自试过,Aplayer插件也会更新,之前的16首现在加了三首有19首。看了一些人的文章,有的人说不会更新,不知道他有没有试过。对了,如果打开博客播放器插件加载不出来,可能是网速的原因,刷新一下就好,也有可能是没配置好,多看看文章就行。

    参考资料:

    弗兰克的猫-hexo-matery主题配置

    new落花-Aplayer插件

  • 相关阅读:
    Vue学习笔记(4)-带参数路由,嵌套路由,编程式导航
    JS数组&&数组对象去重
    Vue学习笔记(3)-品牌管理系统
    Vue学习笔记(2)-组件生命周期
    负margin
    CSS布局奇淫巧计之-强大的负边距
    由浅入深漫谈margin属性
    双飞翼布局和圣杯布局的对比
    圣杯布局的实现过程
    CSS实现垂直居中的5种方法
  • 原文地址:https://www.cnblogs.com/coderma/p/13479816.html
Copyright © 2011-2022 走看看