Question

我刚开始将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}}不会被替换为任何东西。可能是什么问题呢？

谢谢。

Answer 1

看Page Level Params

需要以

进行访问

{{ .Params.imgpad }}

注意小写。

Answer 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 }}

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

页面变量未被替换

2 个答案: