hexo博客圖片的問題在于色建,markdown文章使用的圖片路徑和hexo博客發(fā)布時(shí)的圖片路徑不一致。
解決方式是使用CodeFalling/hexo-asset-image插件鲸阔。
1. post_asset_folder
首先確認(rèn)_config.yml中有post_asset_folder:true。
Hexo提供了一種更方便管理Asset的設(shè)定:post_asset_folder
當(dāng)您設(shè)置post_asset_folder為true參數(shù)后颓帝,在建立文件時(shí)锻煌,Hexo
會(huì)自動(dòng)建立一個(gè)與文章同名的文件夾;以前的文章也可以自己手動(dòng)創(chuàng)建同名文件夾樊展。
2. 安裝 hexo-asset-image
在hexo的目錄下執(zhí)行
npm install https://github.com/CodeFalling/hexo-asset-image --save
3. 使用
完成安裝后用hexo新建文章的時(shí)候會(huì)發(fā)現(xiàn)_posts目錄下面會(huì)多出一個(gè)和文章名字一樣的文件夾呻纹。圖片就可以放在文件夾下面。結(jié)構(gòu)如下:
本地圖片測試
├── logo.jpg
本地圖片測試.md
這樣的目錄結(jié)構(gòu)(目錄名和文章名一致)专缠,只要使用
![](本地圖片測試/logo.jpg)
就可以插入圖片雷酪。其中[]里面不寫文字則沒有圖片標(biāo)題。
生成的結(jié)構(gòu)為
public/2016/3/9/本地圖片測試
├── index.html
├── logo.jpg
同時(shí)涝婉,生成的 html 是
![](/2016/3/9/本地圖片測試/logo.jpg)
而不是愚蠢的
![](本地圖片測試/logo.jpg)