解決Hexo圖片沒法顯示問題

版本:Hexo 3以上  git

最近搭建hexo博客時遇到了圖片部署後不顯示的問題,如圖:github

 

上網找了不少方式都沒有完美解決問題,後來查看了官方文檔後終於解決了問題(完美解決),如今貼出來以下。建議之後你們遇到了問題也先去看看官方文檔:https://hexo.io/zh-cn/docsnpm

解決方案以下:bash

  1. 在根目錄下配置文件_config.yml 中有 post_asset_folder:false改成true。這樣在創建文件時,Hexo會自動創建一個與文章同名的文件夾,這樣就能夠把與該文章相關的全部資源(圖片)都放到那個文件夾裏方便後面引用。如這裏我放了一張test.jpg的圖片。hexo

  2. git bash安裝插件:npm install https://github.com/7ym0n/hexo-asset-image --save(這是個修改過的插件,經測試無問題),使用這個插件來引入圖片,而不是網上那些方法裏說的用傳統md語法相對路徑的方法。post

  3. 插入圖片時用這種方式:{% asset_img test.jpg This is an test image %}測試

     其中test.jpg就是你要引用的圖片,我這裏就是test.jpg,後面的This is an test image是圖片描述,能夠本身修改。spa

  4. 這樣就能成功顯示了,測試下吧:hexo cl && hexo g && hexo d插件

相關文章
相關標籤/搜索