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

最新推荐文章于 2023-03-04 17:03:53 发布
最新推荐文章于 2023-03-04 17:03:53 发布
阅读量879 收藏 3
点赞数
文章标签： hexo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zmq000/article/details/98471455
版权

效果图

在这里插入图片描述

实现方法

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来查看效果吧

小伙伴00
关注
hexo博客中添加音乐播放器
买烤麸烤饼儿的博客
02-18 1923
1. 简介 本篇文章是介绍基于网易云iframe插件在hexo博客中加装音乐播放器的方法，无需安装任何额外插件。 2.安装步骤 在网易云音乐中打开你想要插入的音乐页面，点击 生成外联播放器。 在网页中调整好播放器插件后，复制下方的HTML代码。 如： <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/play
Hexo博客中插入音乐
Aileen-zl技术博客
07-01 1万+
1. 前言     正所谓没有逼格的博客不是好博客，而在自己搭建的博客里插入音乐或者视频能秒秒钟拉高博客的格调。Hexo作为一款优秀的静态博客生成器，当然也少不了这些吊炸天的功能。2. 准备工作     准备工作当然是你得把自己的博客得搭建好了。3. 装插件     首先我们需要通过命令行安装以下两款插件（当然装一个就可以了，如果一个实现不了再装另一个），这两款插件我们都可以从hexo的官方网站上查
【hexo】基础教程-三-添加网易云音乐
最爱吃大米的博客
07-25 1084
1、打开网易云音乐首页，复制选择的背景音乐分享外链 网易云音乐 但是有些尴尬的就是，我们目前只能添加一些没设置版权的音乐，有些收费或无版权的音乐是无法添加收听的。 2、搜索任意歌曲后进入详情页面：如下图 3、在详情页面点击生成外链播放器就会见到如下页面： 可设置音乐播放样式大小（一般设置为默认） 勾选设置音乐自动播放 4、复制外链播放器的代码 在themes/yilia/layout/_partial/left-col.ejs文件nav标签中添加如下代码 <iframe frameborder="
博客/网站插入网易云插件 音乐播放器教程
Voyager-Lc
04-11 2016
步骤: 1.进入官网，登录 https://music.163.com 2.选择一张歌单 如图，点击生成外链播放器。 3.选择合适插件，设置尺寸，是否自动播放 4.复制代码到想添加的地方 最后: 播放器可修改参数： width=100% #自适应宽度 height=86 #根据自己喜好修改 id=299757 #为歌曲的ID auto=0 #0为不自动播放，1为自动播放 还有:需要提醒的一点就...
Hexo博客yilia主题添加背景音乐 （网易云音乐）
AomanHao的博客
03-08 4167
添加背景音乐 1、 打开网易云音乐首页，然后搜索你要添加的背景音乐 http://music.163.com/ 2、 搜索到歌曲点击生成外链播放器，进去下一个界面 3、 复制外链播放器的代码 打开yilia主题下的_partial文件夹下的left-col.ejs文件 复制文件内容到最下端 红线内的iframe框为复制的...
网易云服务器怎么上传文件,怎么把本地歌曲上传到网易云上
weixin_39744316的博客
08-13 1597
摘要 腾兴网为您分享:怎么把本地歌曲上传到网易云上，掌上财富，易星期货，易码平台，嘻嘻动漫等软件知识，以及琉璃神社1，小鹿情感app，家居云，零一工具箱，流行小提琴谱，简单搜索，深入浅出wpf,python视频教程，圈点软件，宏杰文件加密，文件自动同步备份，降噪软件，小度wifi无线网卡驱动，白夜茶会，nobile等软件it资讯，欢迎关注腾兴网。怎么把本地歌曲上传到网易云上？网易云音乐是目前用户使...
在Hexo的butterfly主题中搭建网易云音乐
分享与记录
01-15 2454
首先把项目clone下来 git clone https://github.com/sl1673495/vue-netease-music 然后安装依赖 npm i 卡顿的话，先清除缓存 npm cache clean --force 安装淘宝镜像cnpm，用cnpm来安装依赖 npm install -g cnpm --registry=https://registry.npm.taobao.org 最后再次安装依赖 cnpm install 本地调试 npm run dev 打包生成mus
hexo+next主题优化之加入网易云音乐、网易云跟帖、炫酷动态背景
热门推荐
sunshine940326的博客
04-09 2万+
有强迫症的我要支持网易云跟帖，所以必须要更新一个NEXT主题，原来的主题版本有点旧，没有集成网易云跟帖，所以又来重新折腾了折腾~绑定域名绑定域名的思路如下： 在万网购买自己喜欢的域名（.com的会贵一点，.site和.xyz的相对便宜一些，有的只需要几块钱一年就可以） 解析DNS 在hexo中添加CNAME文件 购买域名之前没有买域名的时候我想使用网易云跟帖，发现在注册网易云跟帖的时候使用原来的域名
【Win10】Hexo 搭建个人主页 （十一）添加网易云音乐
超逸の学习技术博客
02-11 1489
前言 本篇博文是关于。 如果对于搭建等其它方面有需要了解的，读者可以阅读前几篇比较优质的文章： 推荐阅读：【Win10】搭建个人博客 Hexo框架 （自制） 推荐阅读：【Win10】搭建个人博客 Hexo框架（部署到 github 上并 导入美化样式 ） 推荐阅读：【Win10】Hexo 搭建个人主页 （一）解决所有文章，缺失模块问题 推荐阅读：【Win10】Hexo 搭建个人主页 （二）配置图...
hexo添加音乐
qq_35859750的博客
06-11 2576
前言：网易云音乐上有很多不错的歌曲，但是因为版权问题部分不能生成外链接。aplayer是github上的开源项目，最新的支持了MetingJS，强力推荐aplayer+MetingJS，支持多个平台。 网易云 生成音乐链接 打开
Hexo+Butterfly主题博客添加音乐播放器的简单版教程
weixin_63549044的博客
03-04 2551
教你如何快速添加并使用博客音乐播放器
网易云音乐云盘上传歌词的方法
THMAIL的博客
04-28 1万+
歌曲和歌词放在同一目录下，再上传到网易云网盘，同时要满足以下条件： 1.歌词和歌名必须完全一致，除了后缀名。 2.歌词为lrc后缀文件，且有时间轴。（没有时间轴就不会滚动歌词，这个我还没试过。） 3.lrc文件的第一行时间轴不能为空行，必须要有内容。 4.每一个时间轴单独为一行，不能一行有多个时间轴。 5.歌词里面不能有敏感词......不然上传不成功。（这点很重要，我反复测试过，网抑云确实要检测歌词里的敏感词） 例： ...
Hexo添加可控制网易云音乐播放器
weixin_46972634的博客
04-20 964
1. 打开网易云网站音乐首页，复制选择的背景音乐分享外链网易云音乐 2. 引入播放器代码 在 themes/yilia/layout/_partial/left-col.ejs 文件nav标签中添加代码 注：放在<nav class="header-nav">和</nav>之内 这里添加了一些判断和表达式 <!-- 网易云音乐插件 --> <% if (theme.music && theme.music.enable){ %> <d
【Hexo搭建个人博客】（九）Hexo+Next添加网易云音乐
Mculover666的博客（嵌入式）
05-30 3655
1.将歌曲做成外链 首先登录网易云，找一首没有版权的歌单，点击生成外链： 网易云音乐歌单因为版权原因无法生成外链的解决方法： 打开歌单页面，在生成外链播放器上右击，点击审查元素（检查）； 接着找到生成外链播放器这段文字复制： 补全网页链接http://music.163.com/#/outchain/0/974387610/，打开就能看到外链链接了： 进入该生成页面后，设置生成代码： ...
【Hexo】Next主题添加全局播放翻页不间断的网易云音乐
Q大帅
02-22 1745
前言 网页预览：Qxiaofei69.github.io 如果有想入手Hexo博客但没有任何思路，看网上资料一头雾水，推荐B站这个up主的入门教程传送门 一、网易云外链 打开网易云音乐，将喜欢的歌都加入歌单，然后点击生成外链 调整插件的大小，这里建议第二个就可以了，不大不小，然后复制HTML代码 二、插入代码 打开/themes/next/layout/_macro/sidebar.swig文件 在下图位置插入代码刚复制的代码 鉴于每个人侧边栏位置不同，具体效果自行调整 三、修改属性 在Next主题
Hexo NexT主题中添加网页音乐播放器功能
非凡博客
05-26 5123
https://asdfv1929.github.io/2018/05/26/next-add-music/
HexoNext添加网易云音乐
尘的博客
07-17 1040
添加网易云音乐 生成外链 修改模板文件 就是这个themes\next\layout\_macro\sidebar.swig 自己找个位置复制粘贴进去 我是放在那个最下面
hexo中插入音乐
thewindkee的博客
02-14 4916
前言从用QQ空间开始就喜欢插入背景音乐，如今自己管理自己的博客，当然也要插入音乐，不用开绿钻哈哈哈哈。关于主题我用的是yilia。添加音乐添加的网易云音乐，很方便。 打开网易云音乐某首歌详情页，点击生成外链播放器，选择iframe插件。选择好尺寸。复制html代码。如：<iframe frameborder="no" border="0" marginwidth="0" marginheight=
hexo博客添加搜索功能
最新发布
05-14
要为 Hexo 博客添加搜索功能，你可以使用第三方搜索引擎，如 Algolia 或 Google Custom Search。这里我们介绍如何使用 Algolia。 Algolia 是一个强大的搜索引擎，提供了易于使用的 API，可以轻松地将搜索功能添加到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值