hugo - 在 Markdown 中调整 Hugo (v 0.32.x) 中的图像大小

标签 hugo

我正在尝试在 Hugo 中调整图像大小(不使用 HTML/CSS),这显然在 the v 0.32 update 中可用.在最后一句链接的“图像处理”标题下,描述了以下“调整大小”方法:

Resize to the given dimension, {{ $logo.Resize "200x" }} will resize to 200 pixels wide and preserve the aspect ratio. Use {{ $logo.Resize "200x100" }} to control both height and width.



我在我的 Hugo 网站上实现这个时遇到了一些麻烦。特别是,我正在使用 .md文件,并尝试添加存储在站点源文件中其他位置的图像。

例如,这是我在 .md 中添加(未调整大小的)图像的方法文件:
![pdf image](../static/_media/images/pdf.png)
我怎么能添加这个相同的文件,调整为 50x50像素,使用 v0.32 版本中的调整大小方法?

最佳答案

使用我较新版本的 Hugo (v0.53),我不得不稍微调整一下 JoostS 的答案:

  • 创建了一个 page bundle
  • 在开始时将短代码修改为如下所示:
    
    {{ $original := .Page.Resources.GetMatch (print "images/" (.Get 0) "*") }}
    
  • 关于hugo - 在 Markdown 中调整 Hugo (v 0.32.x) 中的图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48063067/

    相关文章:

    hugo - 链接到下一篇文章

    javascript - 添加模态图像?

    markdown - 在 Hugo/markdown 中链接页面

    css - serve_site 在 blogdown 中将 CSS 更改为其默认值

    carousel - 如何使用 Go/Hugo 迭代标记制作轮播

    android - 如何从同一网络中的 Android 设备访问本地主机上托管的站点?

    html - 如何为 Hugo 中的一种元素添加默认的 CSS 类?

    html - 使用 HUGO 从公共(public)文件夹中渲染本地 index.html 的错误

    go - 如何从Google Cloud VM部署Hugo网站?

    hugo - 没有 _index.md 文件的子页面