HEXO 加入外链播放器的一些技巧(如何设置背景音乐)
Posted wangziqiang123
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HEXO 加入外链播放器的一些技巧(如何设置背景音乐)相关的知识,希望对你有一定的参考价值。
今天又去研究了一下关于hexo插入外链播放器的东西,结果还真的搞出来一些非常有趣的东西。
如果要加入外链播放器的话,我个人还是比较推荐使用网易云(因为实在是比较方便)。去 http://music.163.com/
找到想添加的歌曲,点击 生成外链播放器 ,会生成代码,加入到博客即可.
首先它会给你一段 html
代码 ,如下所示:
1 | <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=1080490&auto=1&height=66"></iframe> |
然后你将 width
和height
这两个参数的值更改为零,就可以隐藏播放器,变为背景音乐模式。
接下来就是比较关键的部分了!我们如果想要设置整个网页的背景音乐怎么办呢?
这非常简单,我们将这行代码加到cybeird(你的项目名)themesnextlayout_partials
文件夹下的footer.swig
中,这样网页在渲染的时候就会顺便把音乐自动加到页面中了,十分方便。
不过这样的话响应速度会比较感人,如果项目托管在coding的话会好一些。当然如果你足够强大也可以这么干!->这里<-
原文:大专栏 HEXO 加入外链播放器的一些技巧(如何设置背景音乐)
以上是关于HEXO 加入外链播放器的一些技巧(如何设置背景音乐)的主要内容,如果未能解决你的问题,请参考以下文章