效果图

实现方法

1、进入网易云音乐，选择一首歌，点击生成外链播放器，将选中代码复制

1、进入如下目录D:\blog\themes\yilia\layout_partial（不同主题的名字不同，这里我用的是yilia主题）

2、打开编辑left-col.ejs文件，添加代码到如图所示位置

里面的属性你可以自己设置，这里我将它用一个div套了起来，并且设了个样式。里面有个auto的属性，如果是1的话，就是自动播放，如果是0的话就是不自动播放，这里我设置了0。其他属性也可以参考我的。

3、最后在Git Bash上输入 hexo clean、hexo g、 hexo s来查看效果吧

hexo博客首页添加网易云音乐相关推荐

在jekyll模板博客中添加网易云模块
最近使用GitHub Pages Jekyll 搭建了个人博客,作为一名重度音乐患者,博客里面可以不配图,但是不能不配音乐啊. 遂在博客里面引入了网易云模块,这里要感谢网易云的分享机制,对开发者非常友 ...
个人博客添加网易云音乐Flash插件
博客底部添加网易云音乐播放插件歌单或者歌曲外链可从音乐界面"生成外链播放器"中得到,选择Flash播放插件即可 footer.html文件增加 border="0&qu ...
个人博客添加网易云音乐Flash插件 1
博客底部添加网易云音乐播放插件歌单或者歌曲外链可从音乐界面"生成外链播放器"中得到,选择Flash播放插件即可 footer.html文件增加实现效果: 历史精选文章: Jli ...
hexo博客中添加categories分类
title: hexo博客中添加categories分类 date: 2020-04-01 16:45:16 tags: hexo categories: 学习方法如下: 在根目录下scaffold ...
【hexo】基础教程-三-添加网易云音乐
1.打开网易云音乐首页,复制选择的背景音乐分享外链网易云音乐但是有些尴尬的就是,我们目前只能添加一些没设置版权的音乐,有些收费或无版权的音乐是无法添加收听的. 2.搜索任意歌曲后进入详情页面:如下 ...
hexo博客中添加音乐播放器
1. 简介本篇文章是介绍基于网易云iframe插件在hexo博客中加装音乐播放器的方法,无需安装任何额外插件. 2.安装步骤在网易云音乐中打开你想要插入的音乐页面,点击生成外联播放器. 在网页中 ...
给自己的网站添加网易云音乐歌单吧^ ^
最近应该发现,我的博客https://blog.codelabo.cn左下角多了一个音乐播放器这个是怎么实现的?一起来看看吧 APlayer 首先我们需要一个音频播放器,这里我用到了APlayer, ...
网易云歌单添加到php,给自己的网站添加网易云音乐歌单吧^ ^
这个是怎么实现的?一起来看看吧 APlayer 首先我们需要一个音频播放器,这里我用到了APlayer,这是由bilibili前端大神DIYgod开源的播放器,有兴趣的可以去TA的主页看看,非常惊艳, ...
在Hexo博客上添加可爱的Live 2D模型
在查找资料的偶然间,我发现一个博客上有非常可爱的Live 2D模型,当时我就被打动了,马上开启审查元素,试图找出这个Live 2D模型的信息,可是找了半天没找到.最后通过截图->谷歌图片的方式, ...

hexo博客首页添加网易云音乐

效果图

实现方法

hexo博客首页添加网易云音乐相关推荐

最新文章

热门文章