我们在写博客的过程中，经常需要在Markdown中引用图片资源，那么今天就来讲讲使用图片的方法。

方法一：
将图片资源上传到七牛云服务器，获取到外链，通过![]()语法来显示图片资源，我之前就是这么做的。
但是，当文章中使用图片资源多的时候，其实还是挺麻烦的。
注意：不推荐使用七牛云存储，我使用了一段时间后，告诉我需要绑定自己的域名，否则图片将不能访问了。

方法二：
将图片存放再source目录下的images文件夹中，然后在文章中需要使用的地方使用![](/images/图片.png)即可访问图片资源。
注意：如果你的博客像我一样使用的是二级目录，访问方式则为![](/blog/images/图片.png).
此方式引用的图片资源在首页不能正常访问，在文章中可以正确显示。

方法三：
使用Hexo提供的插件来管理图片资源。
Hexo 3之后很多有用的插件都已经被加入到了核心代码中，使用 hexo version 来查看你的Hexo版本信息。
如果是Hexo 3之前的版本，使用 npm install hexo-asset-image --save 安装插件即可。

使用步骤：

  1. 将 config.yml文件中的 post_asset_folder 选项设为 true 来开启此功能。

    1
    2
    _config.yml
    post_asset_folder: true

  2. 使用 hexo new [layout] <title> 命令来新建文章，此时会自动创建一个跟文章同名的文件夹，图片资源就放在这个文件夹中。

  3. 使用下面的语法来引用你的资源。

    1
    2
    3
    {% asset_path slug %}
    {% asset_img slug [title] %}
    {% asset_link slug [title] %}

    比如：你需要使用图片则使用 来引用资源，而不是使用Markdown的语法![](/example.jpg)。
    使用Markdown的语法只能在正文中正常显示，但不会出现在首页。使用 语法，则可以在正文、首页及归档中正常显示。

    欢迎扫码关注公众号，更好的交流

欢迎扫码关注公众号，更好的交流