为你的博客加点“料”

Posted dajunjun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为你的博客加点“料”相关的知识,希望对你有一定的参考价值。

切换到Hexo后,任何操作都变的简单了。然而简单的代价就是功能少,比如给博客添加音乐等就变得不太方便了。其实,可以上传音乐到cdn上,不过也不太方便。现在的云音乐很多,于是利用云音乐的服务给博客来加点料。

使用网易云音乐(http://music.163.com/)的外链功能完成文章或者博客音乐添加(需要登录网易云音乐)。

0x00 教程

首先搜索歌曲,进入歌曲页面,点击生成外链播放器,如图。

技术图片

进入后,根据自己的需求修改大小。直接拷贝代码即可,html代码可以直接粘贴进markdown中。

全局的歌曲播放器自己修改一下widget即可。

0x01 示例

代码:

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

结果:

0x02 坑

Hexo的原理就是每个文章生成一个html页面,所以全局歌曲无法做到无缝切换。建议不要自动播放= =。

原文:大专栏  为你的博客加点“料”


以上是关于为你的博客加点“料”的主要内容,如果未能解决你的问题,请参考以下文章

转载博客园背景音乐调用,让音乐为你的博文加点料

3行代码 为你的网站博客添加萌萌哒可爱二次元女动漫玩偶人物(看板娘)

Less给 CSS 加点料

助力ssr,使用concent为nextjs应用加点料

给 HTML 元素 Hover 态加点料

《码农翻身:用故事给技术加点料》阅读有感