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

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

插入本地图片

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

在 hexo 目录，执行

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

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

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

[图片上传失败...(image-937e2d-1583991846148)]

例如：

！[ ] (example.jpg)

|

插入图片外链

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

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

|

[图片上传失败...(image-8ca187-1583991846148)]

|

插入音乐

需要使用 iframe 标签

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

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

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

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

|

不支持相关功能，请点击下文了解详细内容。

• 本文作者：NickYam
• 本文链接：https://www.nickyam.com/tech/hexo-add-music-and-movie.html
• 版权声明：本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 CN 许可协议。转载请注明出处！