博客园样式美化:给博客添加一个音乐播放器

效果展示#

 


 

 

 

代码#

  博客园管理 -> 设置 -> 页脚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就可以了

 

 

 

出处:https://www.cnblogs.com/jyroy/p/10374442.html

posted on   jack_Meng  阅读(635)  评论(0编辑  收藏  举报

编辑推荐:
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题: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

导航

< 2025年2月 >
26 27 28 29 30 31 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 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示

喜欢请打赏

扫描二维码打赏

支付宝打赏

主题色彩