gpt4 book ai didi

javascript - 无法在 Hugo 静态站点生成器中将 JavaScript 变量作为参数传递

转载 作者:行者123 更新时间:2023-12-05 06:22:50 26 4
gpt4 key购买 nike

我正在使用静态站点生成器 hugo。我有一些变量需要从 url 字符串中提取并存储在本地存储中。然后我需要在整个站点的不同位置访问这些变量。

在 Hugo 中,我知道如何在 global.yml 文件中存储和访问全局变量,并且我还可以将变量传递到整个站点的局部变量中。但是,在这些情况下,我传递的变量必须定义为字符串或数字。例如,我可以像这样访问全局变量:

{{ .Site.Data.sitewide.global.randomTest }}

我什至可以在脚本标签中设置字符串,然后将它们作为变量传入:

<script>
{{ .Scratch.Set "greeting" "Hello" }}
</script>

但是,我的问题是我无法传递/插入 JavaScript 变量(例如来自 sessionStorage 的变量)作为可以访问的参数、传递到 Hugo 局部变量或设置为全局变量。

有没有办法将 JavaScript 变量插入为 Hugo 变量,然后可以在整个静态站点中访问?

最佳答案

我认为您需要将 Hugo 视为框架/库,而不是像 jQuery、React 或 PHP 等。

Hugo 仅在构建时使用,不在运行时使用。 Hugo 在构建时使用自己的模板、部分等和变量(无论范围如何)来构建普通的旧 HTML。

现在,您可以包含任何 javascript,就像老派在客户端创建动态站点一样——如您所知,jQuery 是一个很棒的库。因此,您需要考虑页面中的 javascript,以及您将如何使用它。

如果您查看任何 Hugo themes/*theme*/layouts/partials/header./footer,您会看到包含了 javascript。这显然是您放置代码以访问 sessionStorage 并在任何需要的地方使用这些变量的地方。

如果您提供更多详细信息,我们可以帮助给出更具体的答案。

关于javascript - 无法在 Hugo 静态站点生成器中将 JavaScript 变量作为参数传递,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58927063/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com