hexo&markdown插入图片的方法和遇到的坑!

刚开始做自己的博客，在博文里面插入图片遇到的问题，断断续续弄了两天，整理了一下记录下这个过程嗷。

一、markdown里面插入图片

（参考：MarkDown添加图片的三种方式）

• 插入本地图片
  具体语法：
  ![avatar](/home/picture/1.png)
  括号里的是图片的本地文件夹路径

• 插入网络图片
  具体语法：
  ![avatar](http://baidu.com/pic/1234567.png)
  括号里的是网络图片的地址
  可以将自己的本地图片上传到图床，生成地址。可参考：本地图片快速上传至图床

• 写入markdown文件里面（强烈不推荐！！）
  将要插入的图片转成base64编码，然后写入md文件里面（那个编码又长又臭！）
  在线图片转base64的网站：图片转换Base64
  具体语法(高级用法，不会因为编码太长把界面截成两段)：
  ![avatar][base64str]
[base64str]:base64编码
  （然而按照这个方法插入图片。。在本地预览md文件的时候可以看到，但是上传到博客里还是显示不了，只有一堆编码。。可能俺的打开方式不对叭╮(╯▽╰)╭）

这里的第一种方法不太稳定，本地文件文件路径修改了都会在md文件里面显示不了图片，然后第二种，网络图片的地址修改了也显示不了，

二、使用hexo的插件插入图片！（推荐）

• hexo-asset-images(官方文档)

1. 安装插件
   在主页文件下git bash,然后输入
   npm install hexo-asset-images --save

2. 修改主页配置文件_config.yml
   将post_asset_folder: flase 修改为 post_asset_folder: true

完成这一步之后，当你新建博文：hexo new post 你的博文名字的时候，在该目录下会同时生成同名文件夹，将你要插入的图片放到这个文件夹就可以了。

3. 插入图片
   按照markdown的语法写，括号里直接写图片的名字就可以了。
   ![logo](logo.jpg)

• hexo-easy-images(官方文档)

  这个是另外一个hexo插件，功能和步骤大同小异，在官方文档里面已经很详细啦，俺就不赘述了。