HexoNext添加网易云音乐

最新推荐文章于 2023-06-11 16:05:37 发布
最新推荐文章于 2023-06-11 16:05:37 发布
阅读量1k 收藏 1
点赞数 1
分类专栏： web hexo 文章标签： hexo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40871466/article/details/96276151
版权

添加网易云音乐

生成外链


修改模板文件

就是这个themes\next\layout\_macro\sidebar.swig
自己找个位置复制粘贴进去
我是放在那个最下面

hexo笔记十五：next主题添加网易云外链
Awt_FuDongLai的博客
08-10 1013
先看效果图： 有一个问题，这个功能时好时坏。主要问题应该是网易那边的问题，有时候歌曲无法播放，有时候又没有这个问题。 步骤也很简单，就两步。 一、获取外链 打开网易云的网页版。 搜索你想插入的歌曲（歌单操作类似，最后都是获取外链）。 点击生成外链播放器。 重点是获取下面这段代码。 如果出现版权问题，无法生成外链，如下图。 则操作如下。 在歌曲页面，右键生成外链播放器，点击审查元素（检查）； 复制data-href的属性值，将其前面加一个/#，拼接在网易云的域名后，得到的就是原来的外链生成页面。
hexo+next主题优化之加入网易云音乐、网易云跟帖、炫酷动态背景
热门推荐
sunshine940326的博客
04-09 2万+
有强迫症的我要支持网易云跟帖，所以必须要更新一个NEXT主题，原来的主题版本有点旧，没有集成网易云跟帖，所以又来重新折腾了折腾~绑定域名绑定域名的思路如下： 在万网购买自己喜欢的域名（.com的会贵一点，.site和.xyz的相对便宜一些，有的只需要几块钱一年就可以） 解析DNS 在hexo中添加CNAME文件 购买域名之前没有买域名的时候我想使用网易云跟帖，发现在注册网易云跟帖的时候使用原来的域名
Hexo添加可控制网易云音乐播放器
weixin_46972634的博客
04-20 1089
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 3746
1.将歌曲做成外链 首先登录网易云，找一首没有版权的歌单，点击生成外链： 网易云音乐歌单因为版权原因无法生成外链的解决方法： 打开歌单页面，在生成外链播放器上右击，点击审查元素（检查）； 接着找到生成外链播放器这段文字复制： 补全网页链接http://music.163.com/#/outchain/0/974387610/，打开就能看到外链链接了： 进入该生成页面后，设置生成代码： ...
为Hexo添加音乐
foradawn的博客
12-31 3397
为Hexo添加音乐本来打算自己写个插件，无奈有点费时间，主要是后天要考试试啦，头有点大。于是使用了音乐外链播放器。一开始直接用的网易云单首歌曲的播放器,但是只能播放同一首歌曲，而且切换歌曲很麻烦，想着加个音乐搜索功能，然后发现有个更好的方式——使用歌单外链。但是打开网易云歌单会发现找不到歌单的外链，不过仔细看源码会发现有个歌单id，这样就够了 转自https://www.tiexo.cn/apl
hexo博客中添加音乐播放器
买烤麸烤饼儿的博客
02-18 2061
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博客添加背景音乐
UstinianX的博客
09-10 3600
更好的阅读体验 Hexo添加音乐的方式有很多种，可供使用的插件也不少。NexT主题下内置音乐应该算比较简便的一种了 下面我将会提到数种方法，选择一种最合适的即可 1.直接插入到某一篇文章 iframe\text{iframe}iframe标签 相当的简单 先到网易云音乐中中搜出你想要的音乐，然后点击生成外链播放器 所需要的所有代码都在这个框框内了 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4Gz2ZvWI-1599749872629)(https://s1.ax1x.c
Hexo + Next 主题实现全局播放背景音乐
Luis
04-09 5547
欢迎访问我的博客：https://iluis.cn/ 第一种方式：使用网易云音乐插件 此种方式特点： 十分方便快捷 有版权保护的歌无法播放 1. 生成网易云歌单插件 为什么要创建歌单外链而不是创建歌曲外链：以后添加或者删除歌曲不用修改代码，直接在网易云歌单中操作即可。 步骤一：创建歌单并添加自己喜爱的歌曲 小贴士：若我们的歌单中添加了受网易云版权保护的歌，在博客中我们的歌单就GG了，要避...
Hexo+Next用aplayer做播放器
weixin_49940703的博客
08-07 1373
aplayer是一个HTML5的音乐播放器 先上效果图 安装aplayer插件 在Hexo的根目录输入一下命令 npm install aplayer --save ##注意不是hexo-tag-aplayer 配置 下载aplayer在Github里的开源文件，将dist文件放入到\themes\next\source里 新建music.js 在dist文件里新建music.js文件 在文件内介入以下内容 const ap = new APlayer({ container: docume
【Hexo】Next主题添加全局播放翻页不间断的网易云音乐
Q大帅
02-22 1998
前言 网页预览：Qxiaofei69.github.io 如果有想入手Hexo博客但没有任何思路，看网上资料一头雾水，推荐B站这个up主的入门教程传送门 一、网易云外链 打开网易云音乐，将喜欢的歌都加入歌单，然后点击生成外链 调整插件的大小，这里建议第二个就可以了，不大不小，然后复制HTML代码 二、插入代码 打开/themes/next/layout/_macro/sidebar.swig文件 在下图位置插入代码刚复制的代码 鉴于每个人侧边栏位置不同，具体效果自行调整 三、修改属性 在Next主题
hexo next主题
06-29
hexo搭建博客的next主题下载，赶紧下载吧，积分已经设最低了
Hexo博客Next主题魔改教程系列-音乐播放器
aqwca的博客
06-11 537
之前写过给博客添加音乐播放器,主要使用的是Hexo-tag-aplayer同时使用Meting-js。同时在meting-js里增加判断,如果报错就显示这个iframe元素,所以就不使用cdn引入了.这样在fetch之后报错的话就增加iframe元素,就正常显示一个播放器了.所以为了网站正常显示播放器,同时也为了操作方便,我这里又使用了firame。但最近发现貌似Meting-js出现了一些问题,主要是访问跨域的问题.下载meting-js文件并引入.
玩转hexo博客之next
微凉一季的专栏
08-22 4221
原文链接，请跳转 玩转hexo博客之next分分钟添加背景音乐，high一下，搜索，等等，让你的博客瞬间花俏起来！
hexo3添加网易云跟帖以及简单修改样式
山鬼谣的专栏
05-01 3136
环境操作系统：win10前提已经使用hexo + GitHub page搭建好了个人博客网站，最好也绑定了个人域名。网易云跟帖本来是想根据网上的说法使用多说跟帖的。但是最近其官网显示将于今年关闭网站，也就是倒闭啦！为了防止以后也出现这种类似的问题，所以最后选择一个有钱的爸爸，搜索了下网易云跟帖还是不错的。hexo主题使用的next我的hexo主题使用的是next，其官网也有相应的教程。网易云跟帖官网
Hexo NexT主题中添加网页音乐播放器功能
非凡博客
05-26 5196
https://asdfv1929.github.io/2018/05/26/next-add-music/
Hexo+Butterfly主题博客添加音乐播放器的简单版教程
weixin_63549044的博客
03-04 3130
教你如何快速添加并使用博客音乐播放器
Hexo 的next主题下添加网易云音乐作BGM
weixin_30337157的博客
03-02 663
首先，你要看看你选中的歌能不能在网页版的网易云音乐生成外链，因为版权保护原因，有些音乐是生不成外链的，比如这样的： 所以，选些可以生成外链的音乐。生成对应的外链 比如这里的重点是HTML代码中的src //music.163.com/outchain/player?type=2&id=33911781&auto=1&height=66 这是...
Hexo的Next主题详细配置
赛博夫子
05-31 5824
next 主题修改 next风格选择 next有四种风格,在站点配置文件搜索字段Scheme Settings可以看到， 根目录themes\next themes\next # Scheme Settings # --------------------------------------------------------------- # Schemes #scheme: Muse #sch...
【Win10】Hexo 搭建个人主页 （十一）添加网易云音乐
超逸の学习技术博客
02-11 1570
前言 本篇博文是关于。 如果对于搭建等其它方面有需要了解的，读者可以阅读前几篇比较优质的文章： 推荐阅读：【Win10】搭建个人博客 Hexo框架 （自制） 推荐阅读：【Win10】搭建个人博客 Hexo框架（部署到 github 上并 导入美化样式 ） 推荐阅读：【Win10】Hexo 搭建个人主页 （一）解决所有文章，缺失模块问题 推荐阅读：【Win10】Hexo 搭建个人主页 （二）配置图...
hexo网易云butterfly
最新发布
01-13
### Hexo 主题 Butterfly 网易云音乐插件使用教程 #### 安装依赖包 为了使Hexo主题Butterfly支持网易云音乐播放器，需安装`hexo-tag-aplayer`标签扩展。此操作可通过npm完成。 ```bash npm install hexo-tag-aplayer --save ``` #### 添加APlayer到主题配置文件 编辑位于站点根目录下的`_config.butterfly.yml`文件，在适当位置加入如下设置来激活并自定义APlayer组件[^3]： ```yaml aplayer: auto Nug: false # 是否自动播放下一曲目 fixed: true # 播放器是否固定于底部 mini: false # 小窗模式开启状态 autoplay: false # 页面加载时自动播放 theme: '#e6d0be' # 默认皮肤颜色 loop: 'all' # 循环模式(all/single/no) order: 'random' # 歌曲顺序(random/list/reverse) preload: 'auto' # 预载方式(none/meta/auto) volume: 0.7 # 初始音量大小(范围：0~1之间的小数) mutex: true # 启用互斥机制（同一时刻只允许一个实例发声） ``` #### 获取网易云歌单ID 访问想要嵌入的网易云音乐列表页面，通过浏览器地址栏获取URL中的`id`参数作为目标歌单唯一标识符[^5]。例如链接形如`https://music.163.com/playlist?id=21177493&userid=30354900`里的`21177493`即是所需ID值。 #### 编写文章内联代码片段 当撰写博文时希望插入特定歌曲或整个专辑，则可以在Markdown源码里利用以下语法格式调用已安装好的Apalyer插件： ```markdown {% aplayer "歌名" "艺术家姓名" "http://example.com/audio.mp3" %} ``` 对于整张网络云盘上的播放列表而言，可以简化为仅提供名称与对应的ID号: ```markdown {% aplayerlist "我的私人收藏" "netease" "21177493" %} ``` 以上命令会依据给定的信息动态抓取对应平台的数据流，并渲染成美观实用的音频控件供访客在线聆听。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值