博客园样式美化:给博客添加一个音乐播放器
效果展示#
代码#
博客园管理 -> 设置 -> 页脚HTML代码
把下面的代码粘贴上就ok了!
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css"> <script src="https://blog-static.cnblogs.com/files/yjlaugus/APlayer.min.js"></script> <div id="aplayer" class="aplayer" data-id="865331941" data-server="netease" data-type="playlist" data-fixed="true"
data-autoplay="false" data-volume="0.3" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div> <script src="https://unpkg.com/meting@1.2/dist/Meting.min.js"></script>
保存之后就可以看到左下角的音乐播放器了,看博客的时候来点背景音乐也是可以的!
自定义自己的歌单#
最核心的就是修改data-id和data-server就可以了
举例网易云音乐
选择一个自己喜欢的歌单,可以看到有生成外链播放器,如下图,
进去之后就可以看到歌单的id了,复制这个id,然后修改上述代码的data-id就可以了
关注我】。(●'◡'●)
如果,您希望更容易地发现我的新博客,不妨点击一下绿色通道的【因为,我的写作热情也离不开您的肯定与支持,感谢您的阅读,我是【Jack_孟】!
本文来自博客园,作者:jack_Meng,转载请注明原文链接:https://www.cnblogs.com/mq0036/p/13856004.html
【免责声明】本文来自源于网络,如涉及版权或侵权问题,请及时联系我们,我们将第一时间删除或更改!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· NetPad:一个.NET开源、跨平台的C#编辑器
2019-10-22 在github上优雅的搭建个人博客
2019-10-22 使用jmeter进行压力测试入门讲解
2019-10-22 一、docker 入坑(win10和Ubuntu 安装)
2019-10-22 使用C#开发Android应用之WebApp
2019-10-22 Win10上的Docker应用:Kubernetes(容器集群)
2019-10-22 Win10上的Docker应用:Docker-compose(容器编排)
2019-10-22 Win10上的Docker应用:Hello World