方便的在 Hexo 插入/使用圖片 | Hexo圖片插件 | hexo-asset-link

今天的文章要介紹一個我個人蠻喜翻的 Hexo 插件 hexo-asset-link

hexo-asset-link 是做什麼用的?

• 用來分類資源 (asset)
  如果你在一個文章裡會使用到各種資源的話，這個插件就能幫助你整理資源拉
• 方便你加入資源
  像是 pfd 檔案阿，或是圖片檔案之類的都能很方便的加入

hexo-asset-link 使用範例

原本你需要在 source 裡的圖片 (或是其他你建立的資料夾裡) 找想要的圖片
但是在加入了 hexo-asset-link 這個插件後它會自動為你生成一個資料夾在每個新文章上
所以你只要把該文章用到的圖片放到那個自動生成的資料夾裡就可以了
使用時也不用打長長的路徑，只要打上圖片的名字加檔案類型就可以拉

之後你想要插入圖片在你的文章時不管你打上

- ![Alt Text](2019-02-14-Test-Post/Test-Image.png "Title Text")

還是

- ![Alt Text](./2019-02-14-Test-Post/Test-Image.png "Title Text")

還是

- ![Alt Text](Test-Image.png "Title Text")

都可以搭

安裝/配置 hexo-asset-link 插件

要安裝這個插件你只要打入以下的代碼就可以拉

• yarn add hexo-asset-link
  因為我個人偏好 yarn 所以比較推薦打這個但是你可以使用 npm

• npm i -s hexo-asset-link

安裝好之後先找到你的 _config.yml 然後修改 post_asset_folder 的狀態

• 把 false 改成 true (如果它之前是 false 的話，如果一開始就是 true 的話就不用改了)

• post_asset_folder: true