页面变量没有被替换答案

【问题标题】：page variable not being replaced页面变量没有被替换
【发布时间】：2019-02-10 00:28:16
【问题描述】：

我刚开始使用 Hugo 和 Kiss 模板，但我似乎无法让变量起作用。

在我的页面中，我在这里定义了变量 imgPad：

---
title: "Hugo Blog on Azure"
date: 2018-12-09T15:51:09-05:00
draft: false
imgPad: 14
---

下面，我尝试这样使用：

<img alt="Deploy to Static Website" src="img/hugo-blog-on-azure/azure_storage_deploy.png" style="width: 500px; display:block; padding: {{ .imgPad }}"/>

在浏览器中，{{ .imgPad }} 不会被任何东西替换。可能是什么问题呢？

谢谢。

【问题讨论】：

标签： hugo

【解决方案1】：

看Page Level Params

需要访问为

{{ .Params.imgpad }}

注意小写。

【讨论】：

对我不起作用，我在浏览器中得到了这个结果：

【解决方案2】：

对我不起作用，我在浏览器中得到了这个结果：

<img alt="Successful deployment" src="img/hugo-blog-on-azure/azure_storage_deploy2.png" style="width: 500px; display:block; 
padding: {{ .Params.imgPad }}">
                    ^^^^^^

还有一个大写字母。
如in this thread 所述，在您的片段模板中使用，和在您的首页仅使用小写变量。

例子：

ingredients:
  - ingredient: Club Soda
    amount: 4oz
  - ingredient: Gin
    amount: 2oz
  - ingredient: Lemon Juice
    amount: 1oz
  - ingredient: Simple Syrup
    amount: 1tsp

和

{{ range .Params.ingredients }}
 {{ .ingredient }} {{ .amount }}
{{ end }}

这里的每个变量都是小写的。

【讨论】：