当前位置: 首页 > news >正文

butterfly侧边栏音乐模块

方法1.美观但换页后没法播放

1.blog根目录/source文件夹下新建_data文件夹(如果没有_data文件夹)

2.在刚刚的_data文件夹里创建widget.yml文件

bottom:- class_name: user-musicid_name: user-musicname: 音乐icon: fas fa-heartbeatorder:html: <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=240 height=52 src="//music.163.com/outchain/player?type=2&id=1969519579&auto=1&height=32"></iframe>

html://后面放自己喜欢的音乐 可以用网易云生成的外链播放器

 3.预览

hexo cl
hexo s

效果图

 为了美观,我只在首页加了侧边栏,别的page页面都取消了侧边栏显示,音乐会暂停(如果所有侧边栏都显示的话,我不太清楚会不会暂停)。下面的方法是把音乐的外链播放器放在博客的头和尾,可以实现换页后继续播放,但是感觉不太优雅啊。。。

方法2.可以换页后继续播放音乐

1.把主题配置文件的 pjax 设置成 true

在主题的config.yml里找到有关inject设置,可以选择添加到head,也可以添加到bottom里(用bottom举例子)

inject:head:bottom:- <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=298 height=52 src="//music.163.com/outchain/player?type=2&id=1969519579&auto=1&height=32"></iframe> 

 记得一定要把方法1的widget.yml文件删掉,不然没法实现继续播放的效果(不太懂这个原理)

效果图

不太美观,回头再试把(本小白的初尝试只会照现成的瞎调,效果可能不太好见谅)

如果我会这样就好了( 不会挪我哭(T_T) )欸,发现了个好好玩的眼泪 - 颜文字

Symbols - Get Kaomoji

🌷🌷🌷🌷郁金香🌷🌷🌷🌷

🌺🌺🌺🌺花花🌺🌺🌺🌺

🐇🐇🐇🐇兔子🐇🐇🐇🐇

🐧🐧🐧🐧企鹅🐧🐧🐧🐧

🐱🐱🐱🐱小猫🐱🐱🐱🐱

🐻🐻🐻🐻小熊🐻🐻🐻🐻

🦋🦋🦋🦋蝴蝶🦋🦋🦋🦋

http://www.lryc.cn/news/464448.html

相关文章:

  • 【论文阅读】Detach and unite: A simple meta-transfer for few-shot learning
  • Java中的动态代理——介绍与使用示例
  • 微信开发者工具:音乐小程序报错
  • P2-3与P2-4.【C语言基本数据类型、运算符和表达式】第三节与第四节
  • Python | Leetcode Python题解之第492题构造矩形
  • 新版vs code + Vue高亮、语法自动补全插件
  • 【优选算法】(第四十五篇)
  • 自闭症儿童的康复与培养:揭秘有效方法
  • rom定制系列------小米8澎湃os1.0.28安卓13客户定制固件 刷写以及界面预览
  • 【CTF-SHOW】Web入门 Web14 【editor泄露-详】【var/www/html目录-详】
  • Chrome谷歌浏览器禁止空格下翻页但可以暂停和播放视频脚本js
  • 【笔记】【YOLOv10图像识别】自动识别图片、视频、摄像头、电脑桌面中的花朵学习踩坑
  • H-TCP 的效率和公平性
  • 集群与分布式
  • git rebase的常用场景: 交互式变基, 变基和本地分支基于远端分支的变基
  • HttpURLConnection构造请求体传文件
  • STM32传感器模块编程实践(九) VL53L0X激光红外测距传感器简介及驱动源码
  • fastjson注解说明,fastjson注解有那些?fastjson是java的json序列化和反序列化工具包
  • VIT:论文关键点解读与常见疑问
  • ArcGIS无插件加载(无偏移)在线天地图高清影像与街道地图指南
  • 工业相机选型(自用笔记)
  • 【网安笔记】4种拒绝服务攻击
  • WPF 的组件数据绑定详解
  • 房子,它或许是沃土
  • 【Golang】Go语言http编程底层逻辑实现原理与实战
  • SOLIDWORKS参数化软件
  • 上位机开发常用技术 C# Task 线程 开始,暂停,继续,停止
  • MySQL 密码忘记了怎么办?
  • Java中常见的自带数据结构类
  • 数据结构——链表,哈希表