在Hexo博客中插入图片

在写文章时，经常有配图说明的需求，Hexo 有多种图片插入方式，能够将图片存放在本地引用或者将图片放在 CDN 上引用，经过此文总接一下在 Hexo 搭建的博客中，插入图片的经常使用方式，你也能够理解为在 Markdown 中插入图片。

src 连接

若是你要插入的图片，是一个外部的 src 连接地址，好比该图片存放在 CDN 上，或某某图床上面，那就使用 Markdown 默认的插入图片的方式，方法和插入连接很像，只是前面多了一个感叹号，以下：

![alt](https://ws3.sinaimg.cn/large/005BYqpgly1g29eohl7qhj31c00u0dkz.jpg)
复制代码

本地绝对路径

当 Hexo 项目中只用到少许图片时，能够将图片统一放在 source/images 文件夹中，经过 Markdown 语法访问它们。

![alt](/images/test.jpg)
复制代码

本地相对路径

图片除了能够放在统一的 images 文件夹中，还能够放在文章本身的目录中，文章的目录能够经过配置 _config.yml 来生成。配置以下：

post_asset_folder: true
复制代码

将 _config.yml 文件中的配置项 post_asset_folder 设为 true 后，执行命令 $ hexo new post_name，在 source/_posts 中会生成文章 post_name.md 和同名文件夹 post_name 。将图片资源放在 post_name 中，文章就能够使用相对路径引用图片资源了。

![alt](test.jpg)
复制代码

Base64 格式

最后补充一种在 Markdown 中插入Base64 格式图片的方法，和第一种插入外链的方式相似，注意是圆括号 ()，而不是方括号 [] 。

![alt](data:image/jpeg;base64,/9...)
复制代码

参考连接及工具

• 用Base64编码插入Markdown图片
• Base64在线转换
• 小贱贱图床
• 新浪图床