通过html语言修改和网易云音乐,实现网站的背景音乐添加

目录

1. 查找音乐

网易云音乐的外链代码是自动生成的:

  • 首先需要去网页版的网易云音乐
  • 搜索想要添加的歌曲或者歌单

    如果想添加自己的歌单,不要登陆账号,直接搜索就行,不然找
    不到生成外链的选项!没有版权的歌曲无法生成外链!
    如果歌单里有无法生成外链的歌曲,歌单无法循环播放,因此建议使
    单首歌的外链!
    

2. 生成html

  • 在自己喜欢的歌曲下,查看是否有生成外连接播放器
  • 然后,根据自己的喜好,搭配自己的主题选择合适的尺寸样式:
  • 生成的iframe标签代码如下:

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=110 src="//music.163.com/outchain/player?type=0&id=2896870368&auto=1&height=90"></iframe>

3. 在网站中插入

代码可以插入在任何你想让播放器出现的任何位置,比如首页、文章页面、或者侧边栏。这里以插入到侧边栏为例,因为这样在任何一个标签都能随时调出侧边栏,方便播放。

在主题文件中找到相关布局的html文件,以我的为例:主题根目录/layouts/partials/sidebar.html,插入到合适的位置(根据我的主题的风格,我插入到了所有菜单栏的下边) 在本地启动blog的预览,看外链播放器的效果,然后适当修改width和height两个参数的数值,以调整到合适的大小。