在jekyll模板博客中添加网易云模块

本文介绍如何在GitHubPages+Jekyll搭建的个人博客中引入网易云音乐播放器。通过利用网易云提供的外链播放器功能,只需简单修改代码即可实现自定义音乐播放器的嵌入。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近使用GitHub Pages + Jekyll 搭建了个人博客,作为一名重度音乐患者,博客里面可以不配图,但是不能不配音乐啊。

遂在博客里面引入了网易云模块,这里要感谢网易云的分享机制,对开发者非常友好:

1.每首歌曲都支持生成外链播放器,且可以自定义显示尺寸:

net_music.png

2.网易云插件代码实例:

  <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=422428930&auto=1&height=66"></iframe>

对于不同的歌,唯一不同的是id号码。将上述<ifram>代码嵌入post.html文件中,记得放在合适的位置。

另代码中的id改为:id= {\{ page.music-id }\},同时在写好的markdown文档的头文件中添加:music-id:*****配置项。具体的id号就是选取的歌曲的外链中的id号。

-- -- over -- --

转载于:https://www.cnblogs.com/qjqcs/p/6223819.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值