如何在Hexo博客中添加网易云音乐播放器

       在已经搭建好Github Page博客的前提下,我们可以在自己的博客中加上音乐播放器,那就非常完美啦!这里我选择网易云音乐。

步骤一

       首先,打开网易云音乐网站,登录自己的账号打开自己的歌单(歌单可以在PC端或者APP客户端上自由创建),也可以不登录直接搜索自己最近最喜欢的一首歌,点击后找到生成外链的链接,如下图:

图1

步骤二

       你将会看到如下信息,网易云提供两种方式,一种iframe标签嵌套,另一个是flash插件,两种实现都可以。这里选择第一个。

图2

步骤三

       接下来,可以根据自己需求选择尺寸。

图3

步骤四

       然后,复制HTML代码,在根目录下的/theme/next/layout/_macro/sidebar.swig文件(侧边栏布局文件)中,选择你要添加播放器的位置,这里我选择添加在第136行处,并修改width=350,height=110。

图4

步骤五

       大功告成!效果如下图:

图5

-------------The End-------------
0%