关于给hexo博客增加音乐页面(使用Aplayer和MetingJS插件)

本文介绍了如何在Hexo博客上创建一个音乐页面,通过Aplayer和MetingJS插件实现。首先,在source文件夹下新建音乐页面,接着创建musics.ejs文件并添加代码,最后在主题配置文件中添加音乐页面的链接和标题。展示了itsNekoDeng的音乐台效果。
摘要由CSDN通过智能技术生成
前言: 作为一个音乐发烧友,一直想在博客网站里弄一个音乐播放歌单页面,现在它来了。本文基于matery主题,利用hexo-tag-aplayer插件和MetingJS实现。

效果展示:
itsNekoDeng 音乐台

新建音乐页面

  1. 在source文件下新建一个musics文件

  2. 在该文件里新建一个index.md文件,其中文件内容为:

---
title: musics
type: "musics"
layout: "musics"
---
  1. 在主题配置文件_config.yml下,增加音乐页面链接和标题
musics:
  url: /musics

新建musics.ejs文件

在主题layout文件下新建musics.ejs文件,
这里在musics.ejs文件直接贴代码即可,根据自定义可修改歌单id等信息。源代码如下:

<!-- 添加网易云我喜欢的歌曲模块 -->
<p>网易云2019年度歌单top10</p>
<link rel="stylesh
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值