关于博客园美化装饰以及添加音乐播放器!

入园第一天!迫不及待的加入进来,给才申请的萌新一个小建议,大部分美化都要申请js权限,在申请自己blog的时候,记得申请js权限哟!

一、博客园美化

1.我是跟着b站博主那个来的,但是我使用博主的那个css和js文件后,效果不太理想,有兴趣的同学可以直接过去看看

链接我挂这里:https://www.bilibili.com/video/BV1yp4y1S7vn/?spm_id_from=333.337.search-card.all.click

2.跟着步骤来,应该没撒问题,但是我的就不太行,所以我选择直接去那个原创github上去找,有1.0版本和2.0版本

链接我挂这里:GitHub - BNDong/Cnblogs-Theme-SimpleMemory: 🍭 Cnblogs theme _ Basic theme : SimpleMemory

版本选择在tag里面,安装步骤跟着这个来就行:安装使用 - Document (bndong.github.io)

3.里面内容有些可以改成自己信息,有需要,照着配置项改就行

二、音乐播放器

1.页脚代码设置这个就行(代码来自:博客园样式美化:给博客添加一个音乐播放器 - JYRoy - 博客园 (cnblogs.com)

1 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css">
2 <script src="https://blog-static.cnblogs.com/files/yjlaugus/APlayer.min.js"></script>
3 <div id="aplayer" class="aplayer"  data-id="865331941" data-server="netease" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div>
4 <script src="https://unpkg.com/meting@1.2/dist/Meting.min.js"></script>

2.歌单来自于你自己导出来的,把你网易云或者qq音乐的歌单复制或者分享出来,复制id,粘贴到data-id就行

data-id =>音乐页面链接上的id号

data-server => 平台名称。netease:网易;tencent:腾讯;xiami:虾米;kugou:酷狗;baidu:百度

data-type=>类型。playlist:歌单;song:单曲;专辑:album;关键词:search;歌手:artist

posted @ 2022-10-07 15:45  小松的blog  阅读(94)  评论(0)    收藏  举报