如何在博客中插入背景音乐

简介:

1.首先进入网音乐官方网站;

2.查找自己喜欢的歌,看到如下界面

3.点击"生成外链播放器"

4.看到下面的html代码了吗?将代码进行复制。

5.进入博客园,点击 "管理" ->"设置", 将代码复制到如下位置:

注:因为有的浏览器不支持iframe标签,所以这里讲iframe改为 embed标签

6.保存之后就可以了,重新进入博客就可以看见出现了音乐播放器!

..................................................................................................................................................................

 

如果希望背景音乐的数目可以多一些,可以这样做:

1)可以找在网易云官网上找到一个歌单(例如在发现音乐里),或者自己新建一个歌单都可以

2)比如自己在"我的音乐"中新建一个歌单,如下

3)然后是搜索自己喜欢的歌曲,不断的将歌曲"收藏"到自己刚刚建立的歌单中

4)点击“播放全部”, 然后在播放列表中点击“来自歌单”,操作如下

5)之后进入如下界面,可以看到“生成外链播放器”这个选项了

6)同样,点击“生成外链播放器”, 接下来的操作同上。最后博客首页的效果如下:

目录
相关文章
|
6月前
hexo 博客插入本地图片时遇到的坑
在使用Hexo博客时,作者遇到了将本地图片插入文章的问题。安装了`hexo-asset-image`插件(v1.0.0)并启用资源文件夹功能后,图片并未正确显示。问题在于图片路径未被转换。通过卸载`hexo-asset-image`,改用`hexo-asset-img`插件,并调整图片引用格式为`![alt](文章名/图片名.png)`,成功解决了图片显示问题。此问题源于`hexo-asset-image`在Hexo 5及更高版本中已失效。
|
6月前
|
C# 开发工具 Windows
C#操作PPT动画窗格并插入音频文件的一些思路
C#操作PPT动画窗格并插入音频文件的一些思路
|
6月前
CSDN博客置顶操作
CSDN博客置顶操作
43 0
写博客时怎么录制动态图片或者小视频
很多人写博客时都会为自己的博客插入动图,这个是怎么实现的呢?最近网上搜到了一款比较实用的工具,分享出来,这个工具只有1.6M大小,非常小巧实用,就是GifGam了。
116 0
写博客时怎么录制动态图片或者小视频
|
数据安全/隐私保护
CSDN写博客之图片居中、去水印、改大小及文字居中
CSDN写博客之图片居中、去水印、改大小及文字居中
200 0
CSDN写博客之图片居中、去水印、改大小及文字居中
|
Web App开发 数据安全/隐私保护 iOS开发
Markdown 入门 :文章目录生成、合并单元格、文章快速插入链接(使用剪切板的链接插到选中文字)【修订】
Markdown 入门 :文章目录生成、合并单元格、文章快速插入链接(使用剪切板的链接插到选中文字)【修订】
378 0
Markdown 入门 :文章目录生成、合并单元格、文章快速插入链接(使用剪切板的链接插到选中文字)【修订】
|
Web App开发 移动开发 安全
Markdown 基础入门 :文章目录生成、合并单元格、文章快速插入链接(使用剪切板的链接插到选中文字)
Markdown 基础入门 :文章目录生成、合并单元格、文章快速插入链接(使用剪切板的链接插到选中文字)
631 0
Markdown 基础入门 :文章目录生成、合并单元格、文章快速插入链接(使用剪切板的链接插到选中文字)
|
数据库
博客园文章中插入的图片如何设置大小
**问题描述:**博客园markdown格式的文章中插入的图片,不可以使用typora中默认的方式设置图片大小,例如: <img src="C:\Users\wangyudong\Desktop\markdown学习\JavaWeb\SMBMS\1数据库架构SMBMS02.png" style="z