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

文章标题:3-hexo 添加音乐插件

文章字数:214

本文作者:叶落阁

发布时间:2019-10-08, 10:44:30

最后更新:2019-10-08, 11:03:31

原始链接:http://yelog.org/2019/10/08/3-hexo-add-music/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏