本文属于《利用hexo+github搭建博客、网站》系列教程
需要看此系列教程的请在公众号黑火软件大师后台回复hexo.遇到问题欢迎在文章、后台留言
本文是技术文章闲话少说直接进入正攵,本文的目录如下:
0基础免费搭建博客和网站
需要安装hexo并利用hexo写博客需要在电脑安装以下软件进行电脑环境配置
简明语法手册以上软件均可以在本公众号找到下载链接,公众号黑火软件大师后台回复“hexo”即可得到
在我的博客中我选择添加的是网易云音乐。首先我们打開网易云音乐的主页然后搜索你喜欢的音乐,然后进入音乐的详情页面点击 生成外链播放器 :(如下图所示)
选择 iframe 插件,复制如下图所示的代码:
以我自己的博客为例吧:因为我想把这个播放器放在博客页面的左侧栏里所以就把以上代码复制到主题文件夹下实现左侧欄的那个模板文件里,也就是 blog\themes\black-blue\layout\_partial\left-col.ejs 这个 left-col.ejs
文件(需要值得注意的是,因为所使用的主题不同可能文件也就不一样,但是大致原理就如刚才我所提到的:想放在哪个区域就把代码复制到实现那块区域的模板文件里)。
为了使得页面更加美观我给这块代码自定义加了 div,这样方便给播放器设定样式只要稍微懂一点前端知识的筒子,都可以随心所欲的加 css样式这里需要提一下,播放器设定好后默认是:打开页媔即播放音乐;如果不喜欢默认打开音乐的筒子,也可以通过把代码中的 auto=1 修改为 auto=0 来关闭它