hugo中撰寫文章是使用markdown,所以對於處理圖片大部分都是使用![Alt](pic_url)來插入圖片。

但對於某些太大的圖片,卻會超過篇幅。

官方就有提供一個figure的語法來處理圖片。

官方文件

語法非常的很簡單(應該說弱弱用得很簡單)

{_{_< figure src="img_url" width="resize" >_}_}

### 拿掉底線

只要在文章內插入此語法,就會調整成想要的樣子。

以下分別為100%, 80%, 60%, 40%的結果

自己順便記錄一下~