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

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

添加本地图片

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

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

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

![](/images/haha.jpg)

插入音乐

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

Hexo博客添加图片、音乐、视频_第1张图片

效果如下

border="0" width="330" height="86" src="//music.163.com/outchain/player?type=2&id=2780528&auto=0&height=66">

插入视频

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" %}

你可能感兴趣的:(hexok)