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

2020-03-12 本文已影响0人 NickYam

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

插入本地图片

在博客目录下确认 _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)

</pre>

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

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

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

</pre>

需要使用 iframe 标签

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

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

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

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

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