当前位置: 首页 > 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

🌷🌷🌷🌷郁金香🌷🌷🌷🌷

🌺🌺🌺🌺花花🌺🌺🌺🌺

🐇🐇🐇🐇兔子🐇🐇🐇🐇

🐧🐧🐧🐧企鹅🐧🐧🐧🐧

🐱🐱🐱🐱小猫🐱🐱🐱🐱

🐻🐻🐻🐻小熊🐻🐻🐻🐻

🦋🦋🦋🦋蝴蝶🦋🦋🦋🦋

相关文章:

butterfly侧边栏音乐模块

方法1.美观但换页后没法播放 1.blog根目录/source文件夹下新建_data文件夹&#xff08;如果没有_data文件夹&#xff09; 2.在刚刚的_data文件夹里创建widget.yml文件 bottom:- class_name: user-musicid_name: user-musicname: 音乐icon: fas fa-heartbeatorder:html: <…...

【论文阅读】Detach and unite: A simple meta-transfer for few-shot learning

分离与联合&#xff1a;一种用于小样本学习的简单元迁移方法 引用&#xff1a;Zheng Y, Zhang X, Tian Z, et al. Detach and unite: A simple meta-transfer for few-shot learning[J]. Knowledge-Based Systems, 2023, 277: 110798. 论文地址&#xff1a;下载地址 论文代码&a…...

Java中的动态代理——介绍与使用示例

Java中的动态代理其实就是一种“代理”模式&#xff0c;在运行时帮我们创建一个“代理对象”&#xff0c;通过这个代理对象可以在不改变原本方法的情况下&#xff0c;做一些额外的事情&#xff0c;比如记录日志、检查权限等。这种代理机制非常灵活和实用&#xff0c;特别是在像…...

微信开发者工具:音乐小程序报错

报错信息 GET http://localhost:3000/1.mp3 net::ERR CONNECTION REFUSED (env: Windows,mp,1.06.2303220;lib:3.6.0) 原因&#xff1a;小程序没有直接获取本地文件&#xff0c;为了提高访问速度&#xff0c;而采用放到网络服务器中网络访问的方式获取文件内容 解决办法&#…...

P2-3与P2-4.【C语言基本数据类型、运算符和表达式】第三节与第四节

讲解视频&#xff1a; P2-3.【基本数据类型、运算符和表达式】第三节 P2-4.【基本数据类型、运算符和表达式】第四节 目录 必备知识与理论 任务实施 必备知识与理论 C语言中把除了控制语句和输入输出以外的几乎所有的基本操作都作为运算符处理。 其运算符和表达式数量之多&a…...

Python | Leetcode Python题解之第492题构造矩形

题目&#xff1a; 题解&#xff1a; class Solution:def constructRectangle(self, area: int) -> List[int]:w int(sqrt(area))while area % w:w - 1return [area // w, w]...

新版vs code + Vue高亮、语法自动补全插件

vs code 版本或及以上 安装以下三个插件插件 Vetur Vue语法支持。包括语法高亮、语法代码提示、语法lint检测 ESLint语法纠错 Prettier 2.左下角设置 3.进行配置 配置内容&#xff1a; {"editor.fontSize": 20,"window.zoomLevel": 1,"workben…...

【优选算法】(第四十五篇)

目录 地图分析&#xff08;medium&#xff09; 题目解析 讲解算法原理 编写代码 课程表&#xff08;medium&#xff09; 题目解析 讲解算法原理 编写代码 地图分析&#xff08;medium&#xff09; 题目解析 1.题目链接&#xff1a;. - 力扣&#xff08;LeetCode&#…...

自闭症儿童的康复与培养:揭秘有效方法

在生命的广阔画卷中&#xff0c;每一个孩子都是独一无二的色彩&#xff0c;他们带着各自的使命和梦想&#xff0c;踏上人生的旅程。然而&#xff0c;对于自闭症儿童而言&#xff0c;这段旅程似乎更加崎岖和艰难。幸运的是&#xff0c;星贝育园康复中心如同一盏明灯&#xff0c;…...

rom定制系列------小米8澎湃os1.0.28安卓13客户定制固件 刷写以及界面预览

&#x1f49d;&#x1f49d;&#x1f49d; 小米8后置指纹版&#xff0c;机型代码dipper&#xff0c; 官方最终版为12.5.2安卓10的版本。对于一些工作室不太适用。客户需要应用在安卓13的固件。根据客户提供的固件将卡刷改为线刷。并且修改其中客户需求。去除不需要的内置应用以…...

【CTF-SHOW】Web入门 Web14 【editor泄露-详】【var/www/html目录-详】

editor泄露问题通常出现在涉及文件编辑器或脚本编辑器的题目中&#xff0c;尤其是在Web安全或Pwn&#xff08;系统漏洞挖掘&#xff09;类别中。editor泄露的本质是由于系统未能妥善处理临时文件、编辑历史或进程信息&#xff0c;导致攻击者可以通过某种途径获取正在编辑的敏感…...

Chrome谷歌浏览器禁止空格下翻页但可以暂停和播放视频脚本js

前提 播放某些网站的视频的时候(不能网页全屏的视频) 会产生空格下翻页但是不能暂停播放视频&#xff0c;解决方案:下载油猴或者脚本猫把这代码填进去 (function() {use strict;document.body.onkeydown function(event) {var e window.event || event;// 检查是否按下空格…...

【笔记】【YOLOv10图像识别】自动识别图片、视频、摄像头、电脑桌面中的花朵学习踩坑

&#xff08;一&#xff09;启动 创建环境python3.9 打开此环境终端 &#xff08;后面的语句操作几乎都在这个终端执行&#xff09; 输入up主提供的语句&#xff1a;pip install -r requirements.txt 1.下载pytorch网络连接超时 pytorch网址&#xff1a; Start Locally | P…...

H-TCP 的效率和公平性

昨晚带安孩楼下玩耍&#xff0c;用手机 desmos 作了一组 response curve 置于双对数坐标系&#xff1a; 长肥管道的优化思路都很类似&#xff0c;cwnd 增长快一点&#xff1a; BIC TCP&#xff1a;二分查找逼近 capacity&#xff1b;CUBIC TCP&#xff1a;上凸曲线逼近 capa…...

集群与分布式

Cluster(集群)概述 当单独一台主机无法承载现有的用户请求量&#xff1b;或者一台主机因为单一故障导致业务中断的时候&#xff0c;就可以增加服务主机数&#xff0c;这些主机在一起提供服务&#xff0c;就叫集群&#xff0c;而用户所看到的依然是单个的主机&#xff0c;用户并…...

git rebase的常用场景: 交互式变基, 变基和本地分支基于远端分支的变基

文章目录 作用应用场景场景一&#xff1a;交互式变基(合并同一条线上的提交记录) —— git rebase -i HEAD~2场景二&#xff1a;变基(合并分支) —— git rebase [其他分支名称]场景三&#xff1a;本地分支与远端分支的变基 作用 使git的提交记录变得更加简洁 应用场景 场景…...

HttpURLConnection构造请求体传文件

HttpURLConnection构造请求体传文件 在Java中&#xff0c;使用HttpURLConnection构造请求体传输文件&#xff0c;你需要做以下几步&#xff1a; 1、创建URL对象指向你想要请求的资源。 2、通过URL打开连接&#xff0c;转换为HttpURLConnection实例。 3、设置请求方法为POST。 …...

STM32传感器模块编程实践(九) VL53L0X激光红外测距传感器简介及驱动源码

文章目录 一.概要二.VL53L0X测距原理三.VL53L0X主要特性四.VL53L0X硬件参考设计五.模块接线说明六.模块通讯协议介绍七.光学盖玻片介绍八.STM32单片机与VL53L0模块实现距离测量实验1.硬件准备2.软件工程3.软件主要代码4.实验效果 九.小结 一.概要 VL53L0X是一款由ST&#xff0…...

fastjson注解说明,fastjson注解有那些?fastjson是java的json序列化和反序列化工具包

fastjson注解说明,fastjson注解有那些?fastjson是java的json序列化和反序列化工具包 包版本说明 fastjson请使用1.2.83以上版本,小于这个版本的存在漏洞。 fastjson请使用1.2.83以上版本,小于这个版本的存在漏洞。 fastjson请使用1.2.83以上版本,小于这个版本的存在漏洞…...

VIT:论文关键点解读与常见疑问

VIT贡献点&#xff1a; 1. 首次将 Transformer 应用于图像识别任务 核心贡献&#xff1a;ViT 论文的最大贡献是提出将原本用于自然语言处理&#xff08;NLP&#xff09;的 Transformer 架构成功应用于图像任务。传统的计算机视觉模型主要依赖卷积神经网络&#xff08;CNN&…...

YOLOv11检测头实战:在自定义数据集上提升小目标检测精度的保姆级调参指南

YOLOv11检测头实战&#xff1a;在自定义数据集上提升小目标检测精度的保姆级调参指南 当你在工业质检流水线上发现微小缺陷频繁漏检&#xff0c;或是遥感图像中的小型目标难以捕捉时&#xff0c;传统检测算法的局限性就暴露无遗。YOLOv11的检测头革新为这些痛点提供了专业级解决…...

OpenClaw + Ollama 超时 500 错误排查与解决:调整上下文窗口与最大生成长度

一次因为模型参数配置不当引发的“跨设备推理慢如蜗牛”问题&#xff0c;最终通过降低 contextWindow 和 maxTokens 轻松搞定。背景 最近在一台轻薄本做测验&#xff0c; Windows 环境下折腾 OpenClaw 对接本地 Ollama 的 Qwen2.5:1.5B 模型。本以为小参数量模型跑起来毫无压力…...

Claude Code交互体验对比:轻量级Phi-3-mini在代码任务上的表现

Claude Code交互体验对比&#xff1a;轻量级Phi-3-mini在代码任务上的表现 1. 开篇&#xff1a;小身材也有大能量 当提到代码生成模型&#xff0c;很多人首先想到的是Claude Code这类云端大模型。但今天我们要测试的Phi-3-mini-4k-instruct-gguf&#xff0c;这个只有3.8B参数…...

AI Agent的“职业技能包”如何让你的AI像专业员工一样高效可靠?

&#x1f4cc; 一句话定位&#xff1a;本文系统拆解吴恩达联合 Anthropic 推出的 Agent Skills 视频课程核心内容&#xff0c;一篇文章全吃透。0. 写在前面&#xff1a;为什么你应该认真看这篇&#xff1f; AI Agent 的浪潮已经从"能不能用"进化到"好不好用、稳…...

利用modbus_tcp实现多设备数据聚合:构建高效modbusSlave网关的实践指南

1. 为什么需要Modbus TCP数据聚合网关 在工业自动化现场&#xff0c;我们经常会遇到这样的场景&#xff1a;车间里分散着十几台PLC设备&#xff0c;每台设备都通过Modbus TCP协议暴露数据接口。这时候如果上位机系统要同时监控所有设备&#xff0c;传统做法是逐个建立连接轮询数…...

cgm-remote-monitor开发者API:构建第三方血糖应用的技术细节

cgm-remote-monitor开发者API&#xff1a;构建第三方血糖应用的技术细节 【免费下载链接】cgm-remote-monitor nightscout web monitor 项目地址: https://gitcode.com/gh_mirrors/cg/cgm-remote-monitor 想要为糖尿病患者开发创新的血糖监控应用&#xff1f;cgm-remote…...

java架构一/1:微服务电商/地基/登录

一、构建聚合工程&#xff08;Java-Maven&#xff09;foodie-dev为父工程&#xff0c;其他为子模块。foodie-dev-api的pom.xml引入依赖-service&#xff0c;-service引入-mapper&#xff0c;-mapper引入-pojo&#xff0c;-pojo引入-common。二、使用PDMan进行数据库建模&#x…...

ANDON系统赋能自行车制造实现异常闭环管理

传统自行车制造业面临着多工位协同效率低、异常响应滞后等痛点。以某自行车制造工厂为例&#xff0c;其生产线涵盖车架组装、轮组调试、整车检测等多环节&#xff0c;传统异常管理存在响应滞后、协同混乱、数据缺失三大瓶颈。引入ANDON系统后&#xff0c;通过构建“工位触发-网…...

2025年大模型年度复盘:RL、Agent与Omni的技术趋势解读

一、项目介绍准备 项目 1&#xff1a;基于 RAG 的大语言模型关系抽取 1、为什么不用传统语义相似度检索&#xff0c;改用关系原型检索&#xff1f; 传统相似度检索易召回伪近邻样本&#xff08;语义相近、头尾实体不同→关系不同&#xff09;&#xff0c;干扰模型判断。 我先把…...

轻量级代码编辑器Lapce从入门到精通:Rust驱动的极速开发体验

轻量级代码编辑器Lapce从入门到精通&#xff1a;Rust驱动的极速开发体验 【免费下载链接】lapce Lightning-fast and Powerful Code Editor written in Rust 项目地址: https://gitcode.com/GitHub_Trending/la/lapce 核心特性解析&#xff1a;为什么选择Rust编写的编辑…...