• 百 度
  • 京 东
  • 淘 宝
  • 知 乎
  • Bing
  • Google
  • Yandex
  • Quora
  • GitHub
  • StackOverflow
  • SegmentFault
  • 医 疗

3-hexo添加音乐插件

  1. 网易云音乐
    1. 复制网易云音乐插件代码
    2. 将插件引入到主题中
    3. 调整位置

这是 3-hexo 说明文件,转载自 叶落阁:https://yelog.org/2019/10/08/3-hexo-add-music/

网易云音乐

复制网易云音乐插件代码

前往网易云音乐官网,搜索一个作为背景音乐的歌曲,并进入播放页面,点击 生成外链播放器
生成外链播放器
设置好想要显示的样式后,复制 html 代码
设置 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>

将插件引入到主题中

将上一步加过 div 的代码粘贴到主题下 layout/_partial/footer.ejs 的最后面
效果

调整位置

默认给的样式是显示在右下角,可以通过调整上一步粘贴的 divstylebottomright 来调整位置。


转载请注明来源。

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

本文作者:bas369.com

发布时间:2020-07-05, 12:25:00

最后更新:2020-07-05, 12:49:03

原始链接:https://www.bas369.com/more/learning_notes/2020/07/05/3-hexo%E6%B7%BB%E5%8A%A0%E9%9F%B3%E4%B9%90%E6%8F%92%E4%BB%B6/

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


  • 关于我们
  • 苏公网安备 32132302010228号
  • 联系我们
目录