Как установить размер / повернуть изображение в Jekyll?

Question

Как установить размер изображения в уценке jekyll?

![steam-fish-1]({{ "/assets/steam-fish-1.jpeg" | absolute_url }})

Я использую минимумы jekyll.Использование

![steam-fish-1]({{ "/assets/steam-fish-1.jpeg" | absolute_url }} =250x)

из Изменение размера изображения в Markdown не работает.Если возможно, я хотел бы знать, как повернуть изображение.

Answer 1

Уценка не имеет встроенной поддержки размеров изображений, поэтому единственным реальным решением является использование небольшого HTML внутри вашей уценки.Учитывая это, мой плагин jekyll-image-size может изменять размеры без необходимости CSS.

Пример:

<!-- template -->
{{ /assets/steam-fish-1.jpeg:img?width=250 alt='steam-fish-1' }}

<!-- output -->
<a href="/assets/steam-fish-1.jpeg" width='250' height='YYY' alt='steam-fish-1'>

(где YYY - фактическая пропорционально масштабированная высота вашего изображения.)

Если вам нужен фильтр absolute_url:

<!-- template -->
<a 
  href={{ "/assets/steam-fish-1.jpeg" | absolute_url }} 
  {{ /assets/steam-fish-1.jpeg:props?width=250 }} 
  alt='steam-fish-1'
>

<!-- output -->
<a href="http://test.com/assets/steam-fish-1.jpeg" width='250' height='YYY' alt='steam-fish-1'>

Для поворота изображений имеет смысл просто повернуть сам файл изображения?

Answer 2

Если нет способа включить атрибут размера / поворота в сгенерированный Jekyll HTML-код (как показано здесь , см. Комментарии) ... всегда есть маршрут CSS.

См. « Изменить размер изображения пропорционально с помощью CSS? »: вы можете добавить таблицу стилей CSS, чтобы установить размер изображения.Или даже поверните его .