想把喜欢听的歌放到博客里来,怎么办呢?
如图所示
Ⅰ . 修 改 主 题 ( 我 这 里 是 y i l i a ) 的 相 关 文 件 \color{Red}Ⅰ.修改主题(我这里是yilia)的相关文件 Ⅰ.修改主题(我这里是yilia)的相关文件
按照下面的路径打开这个文件
themes->yilia->layout->_partial->left-col.eij
你需要在<nav class="header-nav">添加以下代码
(其中iframe是决定音乐的,下面会讲)
<% if (theme.music && theme.music.enable){ %>
<div style="position:absolute; bottom:120px left:auto; width:85%">
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=263 height=86 src="//music.163.com/outchain/player?type=2&id=1397317478&auto=0&height=66"></iframe>
</div>
<% } %>
上 面 是 添 加 的 g h o s t 这 首 歌 , 想 添 加 自 己 的 歌 怎 么 办 ? 上面是添加的ghost这首歌,想添加自己的歌怎么办? 上面是添加的ghost这首歌,想添加自己的歌怎么办?
打 开 网 易 云 , 打 开 你 喜 欢 的 歌 , 点 击 生 成 外 链 打开网易云,打开你喜欢的歌,点击生成外链 打开网易云,打开你喜欢的歌,点击生成外链
然后复制下这个代码
看 到 这 里 是 一 对 i f r a m e 标 签 嵌 套 的 , 把 这 个 替 换 掉 前 面 的 i f r a m e 就 行 看到这里是一对iframe标签嵌套的,把这个替换掉前面的iframe就行 看到这里是一对iframe标签嵌套的,把这个替换掉前面的iframe就行
Ⅱ . 修 改 主 题 目 录 下 ( 我 的 主 题 是 y i l i a ) 的 配 置 文 件 _ c o n f i g . y m l \color{Red}Ⅱ.修改主题目录下(我的主题是yilia)的配置文件\_config.yml Ⅱ.修改主题目录下(我的主题是yilia)的配置文件_config.yml
在末尾添加几句代码
# 网易云音乐插件
music:
enable: true
#id: 1332647902 # 网易云分享的ID
autoplay: true # 是否开启自动播放
Ⅲ . 大 功 告 成 , 检 验 一 下 \color{Red}Ⅲ.大功告成,检验一下 Ⅲ.大功告成,检验一下
在 b l o g 的 根 目 录 中 右 键 打 开 g i t b a s h 在blog的根目录中右键打开git\ bash 在blog的根目录中右键打开git bash
hexo g(提交)
hexo s(本地检查)
然后你可以在本地查看了
hexo d(部署到github上)
然后你可以用你的域名访问到了
值得一提的是,如果你对音乐播放器的尺寸或位置不满意
都是可以调节的
初始加的代码中的width之类的属性可以自己调节
