hexo-music

hexo 添加音乐，iframe 、 hexo-tag-aplayer

iframe方式

生成音乐外链

找到网易云的生成外链页面后(注找有版权保护的音乐不行，请更换没有版权保护的)

点击iframe插件，根据自己的喜好设置后复制iframe代码

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

添加到sidebar.swig

放置到hexo-theme/next/layout/_macro/sidebar.swig文件下

    ...
    <pre>
    <!--insert here-->
    <div id="music163player">
      <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=280 height=86 src="//music.163.com/outchain/player?type=2&id=38358214&auto=0&height=66">
      </iframe>
    </div>
  </aside>
{% endmacro %}

效果展示

hexo-tag-aplayer

安装

npm install hexo-tag-aplayer@2.0.1

添加到文章中

在media目录和images目录放置相应音频和图片文件，当然你也可以填写网络上的相关地址

{% aplayer "Lucid dream" "Owl City" "/media/Lucid-Dream.mp3" "/images/lucid-dream.jpg" %}

运行hexo g,hexo s -p 3000可在本地查看效果
或运行hexo g -d部署，进入自己的网站查看

效果展示

结束