📝 docs: update documentation for render-image fix

This commit is contained in:
ZhenShuo Leo
2025-05-26 00:05:03 +08:00
parent 1d21656d5e
commit eb0afc16ea
4 changed files with 8 additions and 12 deletions

View File

@@ -38,7 +38,7 @@ RTL è controllato in base alla lingua, quindi puoi mescolare e abbinare sia il
Un grande cambiamento in Blowfish 2.0 è l'aggiunta del ridimensionamento automatico delle immagini. Utilizzando la potenza di Hugo Pipes, le immagini nei contenuti Markdown vengono ora ridimensionate automaticamente in diverse dimensioni di output. Questi vengono poi presentati utilizzando gli attributi HTML "srcset" che consentono di offrire dimensioni di file ottimizzate ai visitatori del tuo sito.
![](image-resizing.png)
![Image with alternate text](image-resizing.png)
```html
<!-- Markdown: ![My image](image.jpg) -->
@@ -46,8 +46,7 @@ Un grande cambiamento in Blowfish 2.0 è l'aggiunta del ridimensionamento automa
srcset="
/image_320x0_resize_q75_box.jpg 320w,
/image_635x0_resize_q75_box.jpg 635w,
/image_1024x0_resize_q75_box.jpg 1024w,
/image_1270x0_resize_q75_box.jpg 2x"
/image_1024x0_resize_q75_box.jpg 1024w"
src="/image_635x0_resize_q75_box.jpg"
alt="My image"
/>

View File

@@ -38,7 +38,7 @@ RTL は言語ごとに制御されるため、プロジェクト内で RTL と L
Blowfish 2.0 の大きな変更点は、自動画像リサイズ機能の追加です。Hugo Pipes の力を使って、Markdown コンテンツ内の画像が自動的に異なる出力サイズにスケーリングされるようになりました。これらは HTML の `srcset` 属性を使用して表示され、最適化されたファイルサイズをサイト訪問者に提供できます。
![](image-resizing.png)
![Image with alternate text](image-resizing.png)
```html
<!-- Markdown: ![私の画像](image.jpg) -->
@@ -46,8 +46,7 @@ Blowfish 2.0 の大きな変更点は、自動画像リサイズ機能の追加
srcset="
/image_320x0_resize_q75_box.jpg 320w,
/image_635x0_resize_q75_box.jpg 635w,
/image_1024x0_resize_q75_box.jpg 1024w,
/image_1270x0_resize_q75_box.jpg 2x"
/image_1024x0_resize_q75_box.jpg 1024w"
src="/image_635x0_resize_q75_box.jpg"
alt="私の画像"
/>

View File

@@ -38,7 +38,7 @@ RTL is controlled on a per-language basis so you can mix and match both RTL and
A big change in Blowfish 2.0 is the addition of automatic image resizing. Using the power of Hugo Pipes, images in Markdown content are now automatically scaled to different output sizes. These are then presented using HTML `srcset` attributes enabling optimised file sizes to be served to your site visitors.
![](image-resizing.png)
![Image with alternate text](image-resizing.png)
```html
<!-- Markdown: ![My image](image.jpg) -->
@@ -46,8 +46,7 @@ A big change in Blowfish 2.0 is the addition of automatic image resizing. Using
srcset="
/image_320x0_resize_q75_box.jpg 320w,
/image_635x0_resize_q75_box.jpg 635w,
/image_1024x0_resize_q75_box.jpg 1024w,
/image_1270x0_resize_q75_box.jpg 2x"
/image_1024x0_resize_q75_box.jpg 1024w"
src="/image_635x0_resize_q75_box.jpg"
alt="My image"
/>

View File

@@ -43,7 +43,7 @@ RTL 是基于单独语言控制的,所以你可以在项目中通过支持多
Blowfish 2.0版本的重大变化是增加了自动调整图片大小的功能。基于 Hugo Pipes 提供的能力,实现了 Markdown 中的图片自动缩放到不同尺寸的功能。同时 Blowfish 2.0 还支持了 HTML `srcset` 以实现响应式图像,这能够为访问者优化图片大小。
![](image-resizing.png)
![Image with alternate text](image-resizing.png)
```html
<!-- Markdown: ![My image](image.jpg) -->
@@ -51,8 +51,7 @@ Blowfish 2.0版本的重大变化是增加了自动调整图片大小的功能
srcset="
/image_320x0_resize_q75_box.jpg 320w,
/image_635x0_resize_q75_box.jpg 635w,
/image_1024x0_resize_q75_box.jpg 1024w,
/image_1270x0_resize_q75_box.jpg 2x"
/image_1024x0_resize_q75_box.jpg 1024w"
src="/image_635x0_resize_q75_box.jpg"
alt="My image"
/>