如何在hexo博客中插入图片、音乐、视频

文章目录

1. 插入图片
1. 1.1. 添加外部链接图片
2. 添加本地图片
3. 插入音乐
4. 插入视频

插入图片

添加外部链接图片

插入图片代码：

1	![“图片描述”（可以不写）](“图片地址”)

图片存储的话一般会使用图床，很多博客推荐的是七牛存储,参考文章中有给出了微博图床。我这里再推荐个贴图库这个网站有个好处，不用注册也可以上传图片获取外链。
下面是个例子，代码如下：

1	![颈椎病治疗秘籍](http://i3.tietuku.com/87f77fa8e36571ba.png)

效果如下：

添加本地图片

在\hexo\source目录下新建文件夹，命名为images或者其他你喜欢的名字，然后编辑你的md博文，插入下面的代码样式：

1	![“图片描述”（可以不写）](/images/你的图片名字.JPG)

例如我在D:\hexo\source\images放入了一个smile01.gif图片，然后写下：

1	![](/images/smile01.gif)

重新生成，上传后就可以看到效果了。（偷懒了，效果不做了。）

插入音乐

比如网易云音乐，找到喜欢的歌曲，点击分享按钮，把里面的代码复制下来，直接粘贴到博文中即可。
比如插入以下代码

1
2
3

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 
	src="http://music.163.com/outchain/player?type=2&id=25706282&auto=0&height=66">
</iframe>

如果想要居中显示可以在外侧加入

标签,代码如下：

<center>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 
	src="http://music.163.com/outchain/player?type=2&id=25706282&auto=0&height=66">
</iframe>	
</center>

效果如下：

插入视频

视频也和音乐类似，先输入视频标题，回车换一行插入代码即可。

Idina Menze和Caleb Hyles激情对唱Let It Go：
<iframe 
	height=498 width=510 
	src="http://player.youku.com/embed/XNjcyMDU4Njg0" 
	frameborder=0 allowfullscreen>
</iframe>

效果如下：
Idina Menze和Caleb Hyles激情对唱Let It Go：

转载自http://blog.wleyuan.me/2015/07/18/Hexo-AddSoundPicMovie/