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:
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
<img src="2017/02/26/xxxx/圖片名.jpg">
,而不是<img src="xxxx/圖片名.jpg>
。這很重要,關乎你的網頁是否可以真正載入你想插入的圖片。總結一下這個跳(試)坑的過程
首先是有句mmp想講,實在是有點坑
但是,似乎又多了一項學(zhuang)習(bi)技巧
hhh,先到這裡,後面還有一個坑就是,想引入某些dalao 的連結時,如果連結裡包含中文,那麼再寫入md檔案裡生成網頁後這個連結就打不開了…..
待老夫研究後再填坑,後面如果有時間,就把自己搭建網站的過程碼一下。