如何在jekyll中设置大小/旋转图像？
如何在jekyll中设置大小/旋转图像？
提问于 2019-01-01 08:26:29
如何在jekyll标记中设置图像大小？
![steam-fish-1]({{ "/assets/steam-fish-1.jpeg" | absolute_url }})我用的是jekyll minima。使用
![steam-fish-1]({{ "/assets/steam-fish-1.jpeg" | absolute_url }} =250x)来自Changing image size in Markdown的数据不起作用。如果可能的话，我也想知道如何旋转图像。
回答 3
Stack Overflow用户
发布于 2021-02-05 05:57:47
Jekyll似乎接受属性列表。您可以通过如下方式设置图片的大小：
{: width="250" }(或使用height="250")。属性值以像素为单位，并且(根据HTML规范)不应具有显式单位。
Stack Overflow用户
发布于 2019-08-02 06:59:09
markdown没有内置对图像大小的支持，因此唯一真正的解决方案是在Markdown中使用一些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'>对于旋转图像，仅仅旋转图像文件本身是否有意义？
Stack Overflow用户
发布于 2019-01-01 13:34:35
如果没有办法将大小/旋转属性包含到Jekyll生成的HTML代码中(作为illustrated here，请参阅注释)...总会有CSS路由。
参见"Resize image proportionally with CSS?"：你可以添加一个CSS样式表来设置图片的大小。或者甚至是rotate it。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53992317
复制相关文章
相似问题
腾讯云开发者
