配置

模塊支持 Bootstrap v5 開箱即用,若你並不使用 Bootstrap,則需要對配置進行調整。

配置

hugo.yaml

1params:
2  hugomods:
3    images:
4      modern_format: webp

hugo.toml

1[params]
2  [params.hugomods]
3    [params.hugomods.images]
4      modern_format = 'webp'

hugo.json

1{
2   "params": {
3      "hugomods": {
4         "images": {
5            "modern_format": "webp"
6         }
7      }
8   }
9}

參數

alignment_center_class_name

名稱上下文類型必填默認值版本示例
alignment_center_class_name-string-d-block text-center--

居中時 <picture><figure> 的類名。

alignment_end_class_name

名稱上下文類型必填默認值版本示例
alignment_end_class_name-string-float-end ms-2--

右側浮動時 <picture><figure> 的類名。

alignment_start_class_name

名稱上下文類型必填默認值版本示例
alignment_start_class_name-string-float-start me-2--

左側浮動時 <picture><figure> 的類名。

class_name

名稱上下文類型必填默認值版本示例
class_name-string-img-fluid--

<img> 的類名。

figure_class_name

名稱上下文類型必填默認值版本示例
figure_class_name-string-figure--

<figure> 的類名。

figure_caption_class_name

名稱上下文類型必填默認值版本示例
figure_caption_class_name-string-figure-caption--

<figcaption> 的類名。

figure_image_class_name

名稱上下文類型必填默認值版本示例
figure_image_class_name-string-figure-img--

當設置了說明文本,該類名將會追加到 <img>

modern_format

名稱上下文類型必填默認值版本示例
modern_format-string-webp--

生成現代圖片格式,為空則禁用。