Hexo博客添加图片、音乐、视频

Hexo博客添加图片、音乐、视频

添加本地图片

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

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

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

![](/images/haha.jpg)

插入音乐

比如网易云音乐，找到喜欢的歌曲，点击生成外部链接，把里面的代码复制下来，直接粘贴到博文中即可。



效果如下

插入视频

embed标签

<embed height="415" width="544" quality="high" allowfullscreen="true" type="application/x-shockwave-flash" src="//static.hdslb.com/miniloader.swf" flashvars="aid=8506694&page=1" pluginspage="//www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"></embed>

效果如下：

标签

<video controls="controls" src="http://farbox-video.qiniudn.com/min-farbox.mp4" width="100%"></video>

效果如下：

播放视频的dplayer

在cmd页面内，使用npm安装：

npm install hexo-tag-dplayer

在markdown内添加以下代码：

{% dplayer "url=http://home.ustc.edu.cn/~mmmwhy/GEM.mp4"  "pic=http://home.ustc.edu.cn/~mmmwhy/GEM.jpg" "loop=yes" "theme=#FADFA3" "autoplay=false" "token=tokendemo" %}