首先要知道 Markdown 貼圖的語法是:

![替代文字](圖片網址或路徑)

如果你的圖片是丟在別的貼圖空間,用外連的話倒是沒什麼問題,直接在刮號裡貼上圖片網址就好了。
可是我用了 GitHub Pages 想把圖片也一起丟到 GitHub 上,所以貼圖的路徑就很重要了。

Hexo 有一個功能可以讓你更方便的管理文章中的資源,在 _config.yml 中把 post_asset_folder: false 改成 true
這樣使用 hexo new xxx 來產生文章的時候,會自動在 _post 裡面產生和文章相同名稱的資料夾,讓你放這篇文章用的圖片或檔案。

Hexo 是網誌形式的,所以文章除了文章網址以外,也都會在首頁出現,如果你給他相對路徑,那其中一邊的圖片就會顯示不出來,
例如這篇文章的網址是
http://azyukei.github.io/2015/04/hexo-image/
但是在網誌的首頁 http://azyukei.github.io/ 也看的到這篇文章,
如果貼圖的時候用 ![xxx](xxx.png) 那網址就會變成
http://azyukei.github.io/2015/04/hexo-image/xxx.png
http://azyukei.github.io/xxx.png
第一個網址可以正常顯示出圖片,因為這樣的網址剛好是正確的,但是在首頁就會顯示不出來了,因為在 GitHub Source 根目錄中根本沒有這張圖片。

所以還是寫成絕對路徑比較好,變成這樣:

![xxx](/2015/04/hexo-image/xxx.png)

雖然寫文章的時候會麻煩很多,但是在首頁和文章裡面都能正常顯示圖片。

另外 Hexo 有一個 Plugin 叫做 hexo-tag-asset-res
可以讓你在使用 post_asset_folder 的狀況下,不用寫出完整的路徑,感覺超級方便的。
不過我使用的時候會在 generate 時出現問題,爬了一下 Google 好像是因為 Hexo 改版 3.0.0 以後有改一些東西,插件沒有跟著修改會不支援 3.x.x,所以只好暫時用完整路徑來貼圖了。