时间戳

首页 > 解决方案 > 页面变量没有被替换

hugo - 页面变量没有被替换

问题描述

我刚开始使用 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

解决方案

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

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

还有一个大写字母。
如该线程中所述，请在您的片段模板中使用，并且在您的首页中仅使用小写变量。

例子：

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

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

推荐阅读