hexo+typora的图片路径问题

上一篇的博客hexo图片路径设置讲到了如何在hexo博客中插入图片，那里留下了一个坑：尽管最后的图片能够在hexo中显示出来，但是在typora中却无法正常显示，解决的方案分为四步：

1. 安装asset-image插件

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

2. 配置_config.yml中的post_asset_folder 参数为 true

3. 打开typora的偏好设置Preferences，设置插入图片时自动将其复制到与md文件同名的文件夹下，并且在第1、3项打勾：

   

4. 之后插入图片时，就像之前使用typora一样，直接拖入即可，图片的路径会被自动设置好，正常来说如果你的md文件名为new_article.md，那么在typora中会显示图片放置在：

   new_article/plannet.jpg
   

事实上也确实能在该路径下找到图片，此时在typora也可以看到图片正常显示，最后再运行hexo clean && hexo g && hexo s，到博客查看，正常来说首页和文章内都可以看到图片正常显示。

最后注意三点：

1. 安装了第一步的插件后，上一篇博客hexo图片路径设置所说的相对路径法就可以同时在首页和文章中显示，在上次也提到，相对路径中只能写图片名，即

   # 此时图片路径：${博客根路径}/source/_posts/new_article/planet.jpg
   ![图片描述](planet.jpg)
   

   如果写上完整的相对路径名new_article/planet.jpg，反而无法在博客中显示，但是安装插件后就没有这个问题，写不写new_article都行，只是写上完整的相对路径名可以在typora中显示图片，在typora正常显示图片也是我们想要的。

2. 安装了第一步的插件后，上一篇博客hexo图片路径设置的标签插件语法会失效，图片的路径会变得很奇怪，因为加插件就是自动给插入的图片补全资源路径，而标签插件语法本身就会补全路径，所以最终路径就变成两个路径拼在了一起，这样自然是无法正确找到图片。当然有了插件之后也没必要选择这种方法。

3. md文件名及其同名文件夹如果有中文，可能会显示不正常，如果发现上述方法不成功，可以首先概率将md文件以及同名文件夹用英文命名，像这里的new_article。