如何在网页中加入音乐

1、首先把所选需要的音乐文件放到网页同一个文件，如图所示

2、用Adobe Dreamweaver CS6软件打开网页，在网页设计栏鼠标指向任意一个你想放置的音乐背景位置，然后在菜单栏选  插入/媒体（M）/插件（P），按照路径选择你需要设置背景音乐的MP3文件双击鼠标左键

3、鼠标点击插件可以看到下面的属性栏，根据属性栏我们可以任意调整背景宽度大小。保存刷新网页可以看到网页里已经可以自动播放背景音乐了。

4、在软件设计栏中选中插件，打开代码栏，在代码height="64"加一段hidden="true" ，保存刷新网页就会看到音乐背景已经被隐藏，音乐却还在播放。

5、设置音乐循环播放及播放次数：同样在代码height="64"加一段loop="false"   为不重播loop="true"  为循环播放loop="5"  为播放5次

在themes\next\source\css\_common\components\back-to-top.styl文件中添加：

body {

background-image:url(XXXX)

background-repeat: no-repeat

background-attachment:fixed

background-position:50% 50%

background-size: 100% 100%

}

将XXXX替换为图片路径

本地和网络皆可

这是v7.7.2的

你就把back-to-top.styl当成custom.styl就行

原先需要添加在custom.styl里的代码添加在back-to-top.styl里一样有效

Hexo 使用 new 指令来新建 文章 、 草稿 和 页面 这三种默认 layout 布局。其中 layout 是可选参数，默认值为 post。用户可以通过布局模板来修改或增加。语法：

注意：页面文件需要在主题的 _config.yml 中配置才能显示出来。

阅读更多：写作

layout 布局模板放在 scaffolds/ 目录下，文件名称就是 layout 名称。每次新建时，Hexo 会尝试在 scaffolds 文件夹中寻找同名文件，并根据其内容建立文章。所以可以在这里添加自己的 layout，作为常用的新建模板使用。同时你也可以编辑现有的 layout，比如 post 的 layout 默认是 scaffolds\post.md 。

这里有一份文章配置信息，可以根据情况修改后作为模板复用，或直接在保存文章的路径新建.md文件中使用：

阅读更多：数据模型信息

如果出现问题，最好先使用 $ hexo clean 来清除 Hexo 的缓存。最后使用组合命令 $ hexo d -g 远程部署网站。

---