Hexo部落格搭建之在文章中插入圖片
阿新 • • 發佈：2018-12-06
在寫文章時，常常有配圖說明的需求。Hexo有多種圖片插入方式，可以將圖片存放在本地引用或者將圖片放在CDN上引用。
本地引用
絕對路徑
當Hexo專案中只用到少量圖片時，可以將圖片統一放在source/images資料夾中，通過markdown語法訪問它們。
圖片既可以在首頁內容中訪問到，也可以在文章正文中訪問到。
相對路徑
圖片除了可以放在統一的images資料夾中，還可以放在文章自己的目錄中。文章的目錄可以通過配置_config.yml來生成。
post_asset_folder: true
將_config.yml
post_asset_folder設為true後，執行命令$ hexo new post_name，在source/_posts中會生成文章post_name.md和同名資料夾post_name。將圖片資源放在post_name中，文章就可以使用相對路徑引用圖片資源了。
上述是markdown的引用方式，圖片只能在文章中顯示，但無法在首頁中正常顯示。
如果希望圖片在文章和首頁中同時顯示，可以使用標籤外掛語法。
{% asset_img image.jpg This is an image %}
CDN引用
除了在本地儲存圖片，還可以將圖片上傳到一些免費的CDN服務中。比如Cloudinary提供的圖片CDN服務，在Cloudinary中上傳圖片後，會生成對應的url地址，將地址直接拿來引用即可。