Hexo中使用本地图片需要的注意点

【转自https://codefalling.com/2015/12/19/no-pains-with-hexo-local-image/?utm_source=tuicool&utm_medium=referral 】

起因

在 hexo 中使用本地图片是件非常让人纠结的事情，在 markdown 里的图片地址似乎永远无法和最后生成的网页保持一致。

解决方案

CodeFalling/hexo-asset-image

  1. 首先确认 _config.yml 中有 post_asset_folder:true 。

  2. 在 hexo 目录，执行

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

假设在这样的目录结构（目录名和文章名一致）：
MacGesture2-Publish
├── apppicker.jpg
├── logo.jpg
└── rules.jpg
MacGesture2-Publish.md

只要使用 ![logo] (MacGesture2-Publish/logo.jpg) 或者![logo] (logo.jpg)就可以插入图片。

生成的结构为：
public/2016/07/20/MacGesture2-Publish
├── apppicker.jpg
├── index.html
├── logo.jpg
└── rules.jpg

同时，生成的 html 是：
< img src=”/2015/10/18/MacGesture2-Publish/logo.jpg” alt=”logo” >