1、cd到博客根目錄下 查看_config.yml文件 查找 post_asset_folder 字段確定post_asset_folder 設(shè)置為true -> post_asset_folder:true
2涣脚、當(dāng)您設(shè)置 post_asset_folder 參數(shù)后示辈,在建立文件時(shí),Hexo 會(huì)自動(dòng)建立一個(gè)與文章同名的文件夾涩澡,您可以把與該文章相關(guān)的所有資源都放到此文件夾內(nèi)顽耳,這樣就可以更方便的使用資源坠敷。
3、到博客的根目錄下執(zhí)行 npm install https://github.com/CodeFalling/hexo-asset-image --save 命令來進(jìn)行插件的安裝射富。
4膝迎、然后創(chuàng)建一文章 hexo new "test" 然后查看博客的 ../source/_posts 目錄下的文件,會(huì)看到存在一個(gè)test 文件夾 和 test.md 文件
filePath.png
5胰耗、將所需要的圖片資源放到test 文件夾 內(nèi) 目錄結(jié)構(gòu)如下:
fileImagePath.png
6限次、書寫文章使用test文件內(nèi) 的圖片
imagePath.png
7、使用hexo s 命令運(yùn)行本地博客如圖
localShot.png
8柴灯、使用hexo clean hexo g hexo deploy 將本地博客推送到遠(yuǎn)程卖漫,即可看到文章中的圖片。
?Done赠群!