如何在 Hugo 中調整圖片大小與設定文章縮圖

1. 如何修改圖片大小

有時候在上傳圖片的時候時常遇到上傳的圖片要嘛太大、要嘛太小的情況。一開始我都是將圖片先調整成適當大小再貼上，但實在是耗時又麻煩，過程中還需要一直反覆調整大小，有時候真的會用到很不爽啊

因此紀錄一下目前如何修改圖片的大小，這邊的圖片位置可以放網址或是本地的圖片位置都可以，但注意的是本地圖片必須放在 /static 資料夾內

1

<img src="圖片位置" width="400" alt="圖片名稱">

如果需要將圖片置中，可以改成這樣

1

<center><img src="圖片位置" width="400" alt="圖片名稱"></center>

下圖分別為 width="300"、width="400"

2. 如何設定文章縮圖

此文以 `loveit` 主題為例，每個主題可能會有不同的方式修改

1. 首先需要先找出要設定成文章縮圖的圖片，最好選擇長方形的圖片，這樣比例才不會跑掉。
2. 在 .md 檔案中的前綴寫下

1
2

featuredImage: "圖片位置"
featuredImagePreview: "圖片位置" 

• featuredImage: 在文章的一開始要放上什麼樣的圖片，如下圖會在文章內的紅色框框的一開始出現圖片，如果不希望出現，就不用設定即可。

• featuredImagePreview: 文章的縮圖，設定後就會如下圖。