如何在 jekyll 中设置大小/旋转图像?

ZHU*_*ZHU 7 html markdown jekyll github-pages

如何在 jekyll markdown 中设置图像大小?

![steam-fish-1]({{ "/assets/steam-fish-1.jpeg" | absolute_url }})
Run Code Online (Sandbox Code Playgroud)

我正在使用 jekyll 最小值。使用

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

在降价更改图像大小不起作用。如果可能,我也想知道如何旋转图像。

Cri*_*ngo 26

Jekyll 似乎接受属性列表。您可以按如下方式设置图像的大小:

![steam-fish-1](/assets/steam-fish-1.jpeg){: width="250" }
Run Code Online (Sandbox Code Playgroud)

(或使用height="250")。属性值以像素为单位,并且(根据 HTML 规范)不应具有明确的单位。

  • 对我来说,这就是解决方案。像这样设置 CSS id,然后更改每个 CSS 的“宽度”或“最大宽度”。 (2认同)

Von*_*onC 0

如果没有办法将尺寸/旋转属性包含到 Jekyll 生成的 HTML 代码中(如此处所示,请参阅注释)...总是有 CSS 路由。

请参阅“使用 CSS 按比例调整图像大小? ”:您可以添加 CSS 样式表来设置图片的大小。或者甚至旋转它