using local pics in hexo

在 hexo 中无痛使用本地图片

原文

解决方案

CodeFalling/hexo-asset-image

1. 使用

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

在 hexo 目录,执行

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

假设在

MacGesture2-Publish
├── apppicker.jpg
├── logo.jpg
└── rules.jpg
MacGesture2-Publish.md

这样的目录结构(目录名和文章名一致),只要使用

1
![logo](MacGesture2-Publish/logo.jpg) 就可以插入图片。

生成的结构为

public/2015/10/18/MacGesture2-Publish
├── apppicker.jpg
├── index.html
├── logo.jpg
└── rules.jpg
同时,生成的 html 是

1
<img src="/2015/10/18/MacGesture2-Publish/logo.jpg" alt="logo">

而不是愚蠢的

1
<img src="MacGesture2-Publish/logo.jpg" alt="logo">

值得一提的是,这个插件对于 CodeFalling/hexo-renderer-org 同样有效。