在Hexo博客中插入圖片

在寫文章時，經常有配圖說明的需求，Hexo 有多種圖片插入方式，能夠將圖片存放在本地引用或者將圖片放在 CDN 上引用，經過此文總接一下在 Hexo 搭建的博客中，插入圖片的經常使用方式，你也能夠理解爲在 Markdown 中插入圖片。

src 連接

若是你要插入的圖片，是一個外部的 src 連接地址，好比該圖片存放在 CDN 上，或某某圖牀上面，那就使用 Markdown 默認的插入圖片的方式，方法和插入連接很像，只是前面多了一個感嘆號，以下：

![alt](https://ws3.sinaimg.cn/large/005BYqpgly1g29eohl7qhj31c00u0dkz.jpg)
複製代碼

本地絕對路徑

當 Hexo 項目中只用到少許圖片時，能夠將圖片統一放在 source/images 文件夾中，經過 Markdown 語法訪問它們。

![alt](/images/test.jpg)
複製代碼

本地相對路徑

圖片除了能夠放在統一的 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 中，文章就能夠使用相對路徑引用圖片資源了。

![alt](test.jpg)
複製代碼

Base64 格式

最後補充一種在 Markdown 中插入Base64 格式圖片的方法，和第一種插入外鏈的方式相似，注意是圓括號 ()，而不是方括號 [] 。

![alt](data:image/jpeg;base64,/9...)
複製代碼

參考連接及工具

• 用Base64編碼插入Markdown圖片
• Base64在線轉換
• 小賤賤圖牀
• 新浪圖牀