模塊支持 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}
v0.8.3
開始,params.images
重命名為 params.hugomods.images
,以避免於 Hugo 內置目錄衝突,詳情請參閱 https://github.com/hugomods/images/issues/26。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 | - | - |
生成現代圖片格式,為空則禁用。