Hexo中添加本地圖片


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文件還有一個同名的文件夾

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>。這很重要,關乎你的網頁是否可以真正加載你想插入的圖片。

Second

本地source中建立img文件夾

<img src="img/圖片名.jpg">

這個比較方便

Third

圖床,不太穩定。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM