博客园添加单曲背景音乐

博客园的自定义 css 、js背景的功能确实不错。还可以添加背景音乐啥的。

  • 首先在博客园的后台设置那里申请到 js 的权限才能插入播放器的代码,申请理由充分一点才能被审核通过,审核时间一两天。

在这里插入图片描述

  • 开通以后就可以使用js代码进行装饰了
  • 添加网易云背景音乐,登录到web版网易云的界面,播放要添加的单曲,点击后
    在这里插入图片描述
  • 来到歌曲的主页,生成外链播放器
    在这里插入图片描述
  • 复制下面的代码
    在这里插入图片描述
  • 把上面代码的 <iframe>标签换成 <embed>,这里注意的是 <embed> 是单标签,换成后如下:
  • 下面代码的 auto=0 为点击播放,auto=1 为自动播放
<embed frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 
height=86 src="//music.163.com/outchain/player?type=2&id=657666&auto=1&height=66"/>
  • 把上面的代码添加到博客园的侧边栏上即可
    在这里插入图片描述
  • 保存后刷新下博客园的页面看效果,如我的博客园。
  • https://www.cnblogs.com/xdr630/
  • 网易云音乐生成歌单的列表时会出现版权保护,这是由于歌曲不允许外链播放,目前只介绍单曲的插入播放。
    在这里插入图片描述
  • 也可以试着把能生成外链的单曲加入到新建的歌单当中,然后再生成外链,这样插入播放的音乐就是歌单上的了,大致步骤如下:
  • 点击网易云头像——>我的主页,找到我创建的歌单
    在这里插入图片描述
  • 点击歌单进去,生成歌单的外链播放器
    在这里插入图片描述
  • 接着就是和上面一样的步骤插入到博客园即可。
posted @ 2021-07-12 10:33  兮动人  阅读(36)  评论(0编辑  收藏  举报