关闭

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

标签: 音乐markdown
1716人阅读 评论(7) 收藏 举报
分类:

本文出自我的个人主页文章:《♪ 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,替换即可。见下图:
music.png

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,更换即可:
playlist.png

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

对应字符串:

<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的网页
source.png

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> 

里面内容的跟上面所述的基本一致,只是放在了网页而已,这种方式快捷,但是不易扩展,比如要添加图片不方便,建议以md文档的形式新建一个菜单栏。

更改菜单名

这样设置以后网页就可以正常开启了,只是菜单名默认为Menu.Music,不太美观,为了和其他的名称效果一致,需要修改为对应的字符串。这时候在站点的配置文件里找到你之前设置过的显示的语言
language.png

然后找到对应的语言的文件夹内修改为自己想要的菜单名即可,示例请见:http://jingbin.me
txt.png

End

是不是很简单呢,动起手来吧~
遇到什么问题可以联系我:
  个人主页:http://jingbin.me
  简书:Jingbin_

1
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

CSDN博客中嵌入背景音乐

CSDN博客中嵌入背景音乐 如果想在CSDN博客中设置背景音乐要自己插入HTML代码 在编辑博客有两种模式,HTML编辑器(默认)和markDown编辑器 切换到HTML编辑器,点击上方插入HT...
  • u012768347
  • u012768347
  • 2016-04-01 15:16
  • 1304

Hexo博客中插入音乐

1. 前言     正所谓没有逼格的博客不是好博客,而在自己搭建的博客里插入音乐或者视频能秒秒钟拉高博客的格调。Hexo作为一款优秀的静态博客生成器,当然也少不了这些吊炸天的功能。2. 准备工作   ...
  • u013384788
  • u013384788
  • 2017-07-01 20:58
  • 1081

如何在博客主页添加音乐按钮(HTML小试)

以下只是本人第一次接触 HTML 的小尝试: 如下图,我的博客主页添加了一个音乐按钮 点击管理博客,在博客栏目中点添加: 写好标题,将代码复制在内容里面,代码如下: <img bor...
  • u012561696
  • u012561696
  • 2013-12-03 00:35
  • 2403

hexo博客添加图片,音乐,视频

插入外部链接图片   ![“图片描述”](“图片地址”) 添加本地图片 在\hexo\source目录下新建文件夹,命名为images或者其他你喜欢的名字,然后编辑你的md博文...
  • qq_26891045
  • qq_26891045
  • 2016-06-16 17:42
  • 5959

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

本文出自我的个人主页文章:《♪ Music 如何在个人主页里插入音乐》 我的GitHub:https://github.com/youlookwhat 在自己的个人主页里插入喜欢的音乐有木有感觉...
  • jingbin_
  • jingbin_
  • 2017-02-24 13:06
  • 1716

DedeCms功能强大界面漂亮音乐插件

DedeCms功能强大界面漂亮音乐插件,适合dedecms 用户,需要的可以下载附件使用!  主要功能 1、音乐二级分类;  2、在线音乐播放;  3、歌词同步显示;  4、点歌系统;  5、...
  • qikexun
  • qikexun
  • 2016-09-07 22:18
  • 1179

web页面嵌入音乐播放器代码

网站嵌入背景音乐代码大全,使用以下代码,给您的网站添加背景音乐吧!  注意,以下代码使用的时候,注意:一下代码有的需要改为半角形式,才能正常使用。  将这段代码插入到您的之间  当您打开网站...
  • zp357252539
  • zp357252539
  • 2015-03-12 23:42
  • 4428

小计天空超清爽个人主页

  • 2013-03-05 21:51
  • 6.27MB
  • 下载

静态个人主页

  • 2016-01-08 07:16
  • 1.24MB
  • 下载

那次邂逅个人主页 修正版

  • 2014-04-11 17:56
  • 792KB
  • 下载
    个人资料
    • 访问:32876次
    • 积分:592
    • 等级:
    • 排名:千里之外
    • 原创:20篇
    • 转载:8篇
    • 译文:0篇
    • 评论:32条
    最新评论