Hexo博客中插入图片、音乐和视频的方法

虽然现在的网站很简约，但是在家宅久了希望搞些洋气的东西，在网站上插入图片、音乐和视频。于是简单研究了下，做一定的记录。

插入本地图片

在博客目录下确认 _config.yml 中有 post_asset_folder:true 。

在 hexo 目录，执行

$ npm install https://github.com/CodeFalling/hexo-asset-image --save

之后再使用 hexo new 创建新博客的时候，会在 source/_posts 里面创建.md文件的同时生成一个相同的名字的文件夹,把该文章中需要使用的图片放在该文件夹下即可。

在文中使用的时候，按照语法：

![“图片描述”（可以不写）](/文件夹名/图片名字.JPG)
例如：
！[ ] (example.jpg)

插入图片外链

插入本地图片对于博客更新和资料管理等都会造成一定的影响，所以一般建议采用图床的方式，通过外部链接插入博客。

在文中使用的时候，按照语法：

![“图片描述”（可以不写）](外部链接)

插入音乐

需要使用 iframe 标签

在实际运用中，可以使用网易云音乐，搜索想要的歌曲，点击歌曲名字进入播放器页面，点击生成外链播放器。

复制代码，直接粘贴到博文中即可。

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

其中的width=330 height=86 均改为0就看不到了，依然可以播放音乐。

以下为直接使用代码的结果：

插入视频

视频链接最好是打开就是视频的链接（支持youku，YouTube），可以把视频上传到优酷，生成外链再拿来用。

#视频
<iframe
    height=498 width=510
    src="http://xxxx.com"  #此处暂时为空
    frameborder=0 allowfullscreen>
</iframe>