如何在个人主页里插入音乐

本文出自我的个人主页文章：《♪ Music 如何在个人主页里插入音乐》我的GitHub：https://github.com/youlookwhat在自己的个人主页里插入喜欢的音乐有木有感觉很Cool呢，这里推荐四种形式：1、MarkDown里插入单曲2、MarkDown里插入歌单列表3、MarkDown里插入歌单列表，宽度自适应且自动播放4、新建菜单栏，以网页的形式插入Mark

文章共1,911字 · 阅读需要大约7分钟

一键AI生成摘要，助你高效阅读

问答

Jinbeen

6157人浏览 · 2017-02-24 13:06:15

Jinbeen · 2017-02-24 13:06:15 发布

本文出自我的个人主页文章：《♪ Music 如何在个人主页里插入音乐》
我的GitHub：https://github.com/youlookwhat

在自己的个人主页里插入喜欢的音乐有木有感觉很Cool呢，这里推荐四种形式：

1、MarkDown里插入单曲
2、MarkDown里插入歌单列表
3、MarkDown里插入歌单列表，宽度自适应且自动播放
4、新建菜单栏，以网页的形式插入

MarkDown里插入单曲

对应的字符串：

<object width="340" height="86" data="http://music.163.com/style/swf/widget.swf?
sid=445154960&type=2&auto=0&width=320&height=66" 
type="application/x-shockwave-flash"></object>

注意删掉中间的换行符。
然后进入https://music.163.com/搜索自己要添加的音乐然后找到id，替换即可。见下图：

MarkDown里插入歌单列表

对应字符串：

<object width="330" height="450" data="http://music.163.com/style/swf/widget.swf?
sid=108250019&type=0&auto=0&width=310&height=430" 
type="application/x-shockwave-flash"></object>

与上面的步骤类似，找到要添加的歌单的id，更换即可：

MarkDown里插入歌单列表，宽度自适应且自动播放

border="0" width="600" height="330" src="http://music.163.com/outchain/player?type=0&id=572758458&auto=1&height=430">

对应字符串：

<iframe frameborder="no" border="0" marginwidth="0" 
marginheight="0" width="600" height="330" src="http://music.
163.com/outchain/player?
type=0&id=572758458&auto=1&height=430"></iframe>

操作一样，只是引入的字符串变了而已。

新建菜单栏，以网页的形式插入

这个有些许麻烦，以添加“云音乐”菜单为例：

主题`_config.yml`配置

在主题文件夹的_config.yml里，添加需要添加的网页
主题配置.png

`source`文件夹下

然后在主题文件夹的source文件夹下，新建名为music.html的网页

`music.html`里的内容#

<!DOCTYPE html>  
 <html>  
  <head>  
   <meta http-equiv="Content-type" content="text/html;charset=utf-8">  
    </head>  
     <body>  
        <div>  
            <object width="340" height="86" data="http://music.163.com/style/swf/widget.swf?sid=188900&type=2&auto=0&width=320&height=66" type="application/x-shockwave-flash"></object>  
        </div>  
        <hr />  
        <div>  
        <object width="330" height="450" data="http://music.163.com/style/swf/widget.swf?sid=108250019&type=0&auto=0&width=310&height=430" type="application/x-shockwave-flash"></object>  
        </div>  
            <hr />  
        <div>  
        <object width="330" height="450" data="http://music.163.com/style/swf/widget.swf?sid=19971812&type=0&auto=0&width=310&height=430" type="application/x-shockwave-flash"></object>  
        </div>
        <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="600" height="450" src="http://music.163.com/outchain/player?type=0&id=108250019&auto=1&height=430"></iframe></div></div></div>  
     </body>  
      </html>