Hugo 文章 posts 中 Front Matter 自定义参数如何在主题模板中使用

浏览 loading

真的差点被 Hugo 的主题模板写法给恶心到了，和 Hexo、Jekyll 有点截然不同。为了使用文章定义在 Front Matter 中的自定义参数预算绞尽脑汁，用了各种方式搜索和翻官方文档没看到（官方文档可能有，但是没有留意到）。最后去 github 里面找了几个主题模板一个个翻代码…

我只是想给文章配个封面，真的被难倒了。

Hugo 不像 hexo 和 Jekyll，文章或页面的自定义参数和基础内置参数一样前面加上 post 或者 page 就可以直接用了。Hugo 的基础内置参数都是用 . 开头，然而自定义参数则是 .Params. 开头。

以下示例，如果 content 文件夹中的文章（posts）或页面在 Front Matter 有使用 image 参数，就作为图片调用，如果没有则不做任何处理。

{{ if .Params.image }}
    <img src="{{ .Params.image }}" alt="{{ .Title }}" style="width: 20vw; height: auto;">
{{ else }}
  {{ .Title }}
{{ end }}