1. 程式人生 > >hexo生成博文插入圖片【轉】

hexo生成博文插入圖片【轉】

RT

十分痛苦,是因為突然發現上傳的部落格裡面的圖片居然顯示不來,excuse me??? 
這裡寫圖片描述 
筍乾shabi了 
怎麼辦,上網google解決之道,然後又試了很多坑……. 
這裡寫圖片描述 
更加絕望了….. 
然後,看到了這個:dalao指導 
hhhh,再試一次…..這裡寫圖片描述

然而,居然可以了….excuse me??

好吧,總結一下這個牛批的解決辦法:

First

1 把主頁配置檔案_config.yml 裡的post_asset_folder:這個選項設定為true

2 在你的hexo目錄下執行這樣一句話npm install hexo-asset-image --save,這是下載安裝一個可以上傳本地圖片的外掛,來自dalao:

dalao的git

3 等待一小段時間後,再執行hexo n "xxxx"來生成md博文時,/source/_posts資料夾內除了xxxx.md檔案還有一個同名的資料夾

Second

4 最後在xxxx.md中想引入圖片時,先把圖片複製到xxxx這個資料夾中,然後只需要在xxxx.md中按照markdown的格式引入圖片:

![你想輸入的替代文字](xxxx/圖片名.jpg)

注意: xxxx是這個md檔案的名字,也是同名資料夾的名字。只需要有資料夾名字即可,不需要有什麼絕對路徑。你想引入的圖片就只需要放入xxxx這個資料夾內就好了,很像引用相對路徑。

5 最後檢查一下,hexo g生成頁面後,進入public\2017\02\26\index.html

檔案中檢視相關欄位,可以發現,html標籤內的語句是<img src="2017/02/26/xxxx/圖片名.jpg">,而不是<img src="xxxx/圖片名.jpg>。這很重要,關乎你的網頁是否可以真正載入你想插入的圖片。

總結一下這個跳(試)坑的過程

首先是有句mmp想講,實在是有點坑

這裡寫圖片描述

但是,似乎又多了一項學(zhuang)習(bi)技巧這裡寫圖片描述

hhh,先到這裡,後面還有一個坑就是,想引入某些dalao 的連結時,如果連結裡包含中文,那麼再寫入md檔案裡生成網頁後這個連結就打不開了…..

待老夫研究後再填坑,後面如果有時間,就把自己搭建網站的過程碼一下。 
這裡寫圖片描述