Hexo博客yilia主题添加背景音乐（网易云音乐）

骑猪看日落 2022-02-02 07:19 308阅读 0赞

*  [博主博客地址][Link 1]

1、打开网易云音乐首页，复制选择的背景音乐分享外链

> [网易云音乐][Link 2]

--------------------

2、引入播放器代码

在`themes/yilia/layout/_partial/left-col.ejs`文件`nav`标签中添加代码

> 注：放在`<nav>`和`</nav>`之内

**笔者添加了一些判断和表达式**

<% if (theme.music && theme.music.enable){ %>
        <div style="position:absolute; bottom:120px left:auto; width:85%">
            <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="240" height="52" src="//music.163.com/outchain/player?type=2&id=<%=theme.music.id||1334445174%>&auto=<%=theme.music.autoplay?1:0%>&height=32"></iframe>
        </div>
    <% } %>

![2743275-2ab65289007dd3ba.png][]

--------------------

3、在yilia主题配置文件中添加属性

# 网易云音乐插件
    music:
      enable: true
      #id: 1332647902  # 网易云分享的ID
      autoplay: true  # 是否开启自动播放

[Link 1]: https://links.jianshu.com/go?to=https%3A%2F%2Fzhousiwei.gitee.io%2F
[Link 2]: https://links.jianshu.com/go?to=http%3A%2F%2Fmusic.163.com%2F
[2743275-2ab65289007dd3ba.png]: /images/20220202/b4df75eae13344f39e7edd5e4dfebfb8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，308人围观）

还没有评论，来说两句吧...

相关阅读

相关 Hexo - yilia主题搭建部署个人博客

这两天倒腾了下Hexo个人博客，参考了很多大佬的文章，最终初步完成了个人博客的搭建，还在不断完善中。 -------------------- 我个人搭建所使用环境：Win

绝地灬酷狼/ 2023年10月11日 11:32/ 0 赞/ 51 阅读

相关 django项目网易云音乐

项目说明网易云项目语言：python 前端: bootstarp 后端: django 数据库:sqlite3 项目说明

深碍√TFBOYSˉ_/ 2022年12月06日 05:45/ 0 赞/ 278 阅读

相关 kali安装网易云音乐

kali安装网易云音乐下载安装包 http://music.163.com//download 安装 dpkg -i netease-c

妖狐艹你老母/ 2022年12月05日 12:04/ 0 赞/ 351 阅读

相关【背景音乐】网易云外部链接给网页加背景音乐

怎么使用网易云外部链接给网页加背景音乐 ![在这里插入图片描述][20210324201213586.gif] > 今天我们来优化一下自己的网站。添加背景音乐，首先搜索

拼搏现实的明天。/ 2022年11月13日 00:54/ 0 赞/ 346 阅读

相关网易云音乐UI界面

网易云音乐UI界面接着上期的[网易云音乐搜索和下载][Link 1]，现在再添加一个功能。用pyqt5制作一个UI界面效果展示： ![在这里插入图片描述][

今天药忘吃喽~/ 2022年10月26日 14:08/ 0 赞/ 376 阅读

相关网易云音乐JS逆向

手把手教你网易云音乐JS逆向 1. 目标数据 1.搜索音乐，获取音乐id 2.获取url，下载音乐 2. 文章目录目录

深藏阁楼爱情的钟/ 2022年10月26日 01:27/ 0 赞/ 845 阅读

相关 Hexo博客yilia主题添加Gitment评论系统

gitment是imsun利用github上的issues做的评论系统,我这里大力推荐，原因有三： 1. 注册简单，只要填写APP名和主页地址 2. 实现方便，只要简单的

忘是亡心i/ 2022年02月19日 12:43/ 0 赞/ 350 阅读

相关 Hexo博客yilia主题添加背景音乐（网易云音乐）

[博主博客地址][Link 1] 1、打开网易云音乐首页，复制选择的背景音乐分享外链 > [网易云音乐][Link 2] --------------------

骑猪看日落/ 2022年02月02日 07:19/ 0 赞/ 309 阅读

相关网页嵌入网易云音乐

方法一（不能自动播放）： 1.登录网页版网易云音乐，选择想要播放的音乐，点击“生成外链接播放器” ![在这里插入图片描述][watermark_type_ZmFuZ3p

青旅半醒/ 2022年01月27日 05:17/ 0 赞/ 770 阅读

相关网易云音乐接口

1、根据关键词搜素 http://musicapi.leanapp.cn/search?keywords=%E6%B5%B7%E9%98%94%E5%A4%A

╰半橙微兮°/ 2021年07月24日 14:44/ 0 赞/ 621 阅读