3-hexo 添加音乐插件

  1. 网易云音乐
    1. 1. 复制网易云音乐插件代码
    2. 2. 将插件引入到主题中
    3. 3. 调整位置

网易云音乐

1. 复制网易云音乐插件代码

前往网易云音乐官网,搜索一个作为背景音乐的歌曲,并进入播放页面,点击 生成外链播放器
生成外链播放器

设置好想要显示的样式后,复制 html 代码

最好外层在加一个 div,如下,可直接将上一步复制的 iframe 替换下方里面的 iframe

<div style="position:absolute; bottom: 0; right: 0;">
    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=38592976&auto=1&height=66"></iframe>
</div>

2. 将插件引入到主题中

将上一步加过 div 的代码粘贴到主题下 layout/_partial/footer.ejs 的最后面
效果

3. 调整位置

默认给的样式是显示在右下角,可以通过调整上一步粘贴的 divstylebottomright 来调整位置。


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 jaytp@qq.com

×

喜欢就点赞,疼爱就打赏