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文件裏生成網頁後這個鏈接就打不開了…..

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

發佈了51 篇原創文章 · 獲贊 89 · 訪問量 15萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章