【问题标题】: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 }}
    

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

    【讨论】:

      猜你喜欢
      • 2017-10-07
      • 2019-11-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-08-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多