hexo托底音乐播放器消失

最新推荐文章于 2022-10-26 01:14:37 发布
原创 最新推荐文章于 2022-10-26 01:14:37 发布 · 432 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#hexo

废了九牛二虎之力设置的托底音乐栏突然就消失了？？？
之前的歌单是使用网易云生成的，猜测是过了有效期了，于是换成了QQ音乐，设置成tencent ;

butterfly主题配置文件中：

只需要修改如下代码片段即可～

inject:
  head:
    # - <link rel="stylesheet" href="/xxx.css">
  bottom:
   - <div class="aplayer no-destroy" data-id="8180569509" data-server="tencent" data-type="playlist" data-fixed="true" data-mini="true" data-
最低0.47元/天 解锁文章
hexo博客中添加音乐播放器
买烤麸烤饼儿的博客
02-18 2124
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博客主题next美化增加简易音乐播放器和看板娘
kaihang_cai的博客
09-07 618
增加简约音乐播放器，在某个地方，如 themes/next/layout/_macro/sidebar.swig 加入以下代码...
hexo 配置音乐播放器
Anubis
10-26 736
要支持音乐播放，在主题的 _config.yml 配置文件中激活 music 配置即可：# 是否在首页显示音乐 music: enable: true title: # 非吸底模式有效 enable: true show: 听听音乐 server: netease # require music platform: netease, tencent...
hexo-matery主题美化(三)-音乐播放器
沧海一粟
08-10 4574
给博客放个音乐，不太麻烦的那种
Hexo添加可控制网易云音乐播放器
weixin_46972634的博客
04-20 1210
1. 打开网易云网站音乐首页，复制选择的背景音乐分享外链网易云音乐 2. 引入播放器代码 在 themes/yilia/layout/_partial/left-col.ejs 文件nav标签中添加代码 注：放在<nav class="header-nav">和</nav>之内 这里添加了一些判断和表达式 <!-- 网易云音乐插件 --> <% if (theme.music && theme.music.enable){ %> <d
Hexo-Butterfly音乐播放器的添加
啦啦啦啦啦
05-12 7389
说明：该配置基于Butterfly主题版本为 4.2.0，基本参考官方教程，不修改pug文件，主题已经集成了相关的设置，该博文对其部分内容进行补充。参考链接在文章末尾给出。 我的个人博客主页：Github Gitee 优快云在渲染可能与个人博客渲染不同。博客会在两个平台同步更新。欢迎点击我的主页。 文章目录插件的安装与配置普通界面播放器全局吸底Aplayer模式演示1，普通列表模式2，单曲播放3，迷你模式附录参考链接Aplayer完整配置可选参数表 插件的安装与配置 安装 hexo-tag-apl.
hexo插入音乐播放器
最新发布
01-05
### 如何在Hexo静态网站生成器中集成音乐播放器 为了在 Hexo 博客中添加音乐播放器，可以通过引入第三方 JavaScript 库或使用现有的 Hexo 插件来实现这一目标。以下是具体方法： #### 方法一：使用 APlayer 插件 ...
hexo添加音乐
qq_35859750的博客
06-11 2742
前言：网易云音乐上有很多不错的歌曲，但是因为版权问题部分不能生成外链接。aplayer是github上的开源项目，最新的支持了MetingJS，强力推荐aplayer+MetingJS，支持多个平台。 网易云 生成音乐链接 打开
Hexo主题插入音乐之aplayer音乐播放器
热门推荐
hushhw的博客
03-03 2万+
原文首发自：https://hushhw.cn/posts/tool/a84d1ef1.html 今天折腾的点是给博客中插入音乐，找到的具体可行的方案有： 使用音乐平台提供的插件 体验很差 使用hexo-tag-aplayer插件 排了坑后体验极佳 ​ 使用音乐平台提供插件 以网易云为例，网页端点击生成外链播放器即可生成外链代码，如我的某个歌单生成外链。 可以在自己博客页面中嵌入插件: &...
踩坑记--hexo中加入音乐
Green523的博客
11-14 2697
我一直都想要做一个人博客。不久前，朋友推荐我来玩玩hexo，之后我就开始了自己的踩坑之旅……其实我用github+hexo搭建个人网站的时候挺顺利的，重在我修改next主题的默认样式以及加入小功能的时候，感觉有点费力。今天呢，我想讲讲我昨天是怎么把音乐给折腾出来的。 在我想要给我的博客加入音乐的时候，就搜罗了网上的解决办法，一种是用网易云音乐生成iframe插件,直接复制对应歌曲下方的html代...
Hexo博客技巧：为博客插入音乐
Amnesia-Fu的博客
05-10 6772
前言 想要给博客添加音乐，最简单的方法便是利用第三方音乐平台提供的外链播放器，可是效果并不好，外观丑没歌词且体验极差。 如果使用Hexo-Tag-Aplayer插件的话这个问题就能很好地解决了。 原先 hexo-tag-aplayer 不支持 MetingJS，使得需要图片url，音乐url等等参数，操作起来都很麻烦，需要去音乐网站扒音乐播放链接或者下载下来存储在七牛云或本地。 但是3.0新版本的Aplayer已经支持MeingJS了，MetingJS 是基于Meting API 的 APlayer 衍生
Hexo博客使用aplayer音乐播放插件
闪光桐人的博客
07-28 2843
老样子，专为Hexo做的适配版不一定好用，加上年久失修我也没能力自己解决bug，部署的时候有这样那样的问题，所以还是用原版的来，文档也比较全，适合我这样的菜鸡
Hexo博客-butterfly主题添加音乐播放器以及更改播放器主题
Anychew的博客
03-14 2416
安装相关插件 npm install aplayer npm install --save hexo-tag-aplayer 添加相关代码 打开 themes\Butterfly\layout\includes\head.pug,在结尾加一句include ./third-party/aplayer.pug,如下： include ./head/config_site.pug include ./head/noscript.pug include ./third-party/aplay
hexo（sakura）给博客增添侧边栏（回到顶部，跳转评论，深色模式，播放音乐）
cungudafa的博客
06-02 4302
文章目录一、前言1.序2.效果预览二、原理1.回到顶部2.跳转评论3.深色模式4.播放音乐5.展开侧边栏三、直接使用 一、前言 1.序 之前butterfly主题有深色模式和阅读模式，感觉很nice，但一直没有动手，直到昨天无意间溜达到小伙伴的博客（Powered by Typecho ※ Theme is Cuteen），又碰巧去点了点深色模式。 嗯，爱了爱了，太喜欢所以移植了一下，对移植也有一定的修改，如果涉及侵权，就删除这个功能；移植到hexo驱动的sakura主题下，当然在sakuraplus主题
Hexo添加小部件(Butterfly主题) Hexo哔哩哔哩番剧页面插件
超逸の学习技术博客
05-19 4410
安装 npm install hexo-bilibili-bangumi --save 更新 npm install hexo-bilibili-bangumi --update --save 配置 将下面的配置写入站点的配置文件_config.yml里 (不是主题的配置文件)。 bangumi: enable: true vmid: title: '追番列表' quote...
如何在Hexo博客Butterfly主题开启Aplayer和“音乐”页面
qq_46435629的博客
05-23 8117
前言：若应用后发生错误，请clone我github仓库的这个部分。这是Butterfly主题2020/3/30的版本，我顺便也帮忙集成了Aplayer和Live2d看板娘，最新版本的Butterfly貌似并不完全兼容，也不太打算更新。 以后发布关于Butterfly主题优化的相关内容若无特殊情况，也是以这个版本为基准。 该hexo主题创作者并没有详细说明如何加载aplayer。虽然他指明了一个方向前去Aplayer的官方文档， 但教程未免有些难懂（尤其对于新手）因此，本主题也缺少相关教程 因为网上找到的大
hexo butterfly主题 添加全局吸底APlayer
超逸の学习技术博客
05-19 4182
第一步 打开 themes\Butterfly\layout\includes\head.pug 结尾加一句 include ./third-party/aplayer.pug 第二步 然后在themes\Butterfly\layout\includes\third-party\里面新建一个文件叫 aplayer.pug ,内容如下 if theme.aplayer && theme.aplayer.enable .aplayer(data-id=theme.aplayer.id d
在Hexo的butterfly主题中搭建网易云音乐
分享与记录
01-15 2573
首先把项目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-butterfly使用aplayer加载音乐页面
Alex的博客
12-23 2772
前言：若应用后发生错误，请clone我github仓库的这个部分。这是Butterfly主题2020/3/30的版本，我顺便也帮忙集成了Aplayer和Live2d看板娘，最新版本的Butterfly貌似并不完全兼容，也不太打算更新。 以后发布关于Butterfly主题优化的相关内容若无特殊情况，也是以这个版本为基准。 该hexo主题创作者并没有详细说明如何加载aplayer。虽然他指明了一个方向前去Aplayer的官方文档， 但教程未免有些难懂（尤其对于新手）因此，本主题也缺少相关教程 因为网上找到的大多
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值