显示雨果网站中Github Gist的文本值

Question

我知道我可能会问一些非常简单的事情，但是对于我的一生来说，我似乎无法摆脱困境，我肯定会监督一些简单的东西，但我不知道。任何帮助将不胜感激。

我正在使用Hugo生成一个静态网站。在我的一个页面上，我想使用一个变量来创建类似进度栏的内容，我需要从github gist中获得的变量。

说这是要点：

该文件只有一个数字，就是这样。我要问的是如何从要点获取该数字并将其存储在雨果中，或者至少将其显示在某些RAW HTML中。我想提一下，我不想使用提供的嵌入式文本，而是宁愿获得原始值。归根结底，我所需要的是在此处阅读并显示原始链接的数字： https：//gist.githubusercontent.com/bogdanbacila/c5a9683089c74d613ad13ad13ad13ad13ad18f56b/raw/raw/raw/8380782afeede822afeede80d234209293333334.4949.494.4949.4494.44 b.4 b.4 b.4bnnyth y4 b.4 b.4 b.44 b.4 b.4 b.4 b.4 b.4 b.by

bund雨果论坛上的这个问题不是非常有帮助，而不是为我提供我发送到这里的一些指导。这是我最初的问题： https://discourse.gohugo.io/t/get-raw-content-from-gitrom-github-gist-gist-to-a-variable/38781

任何帮助都将不胜感激，我知道我知道有什么很明显的我“我看不到，请引导我走向正确的方向，这并不是那么复杂。

最好的， 博格丹

Answer 1

@wjh18

欢呼！我不知道得到请求，所以我不得不仔细研究一下，但是我设法将其进行了。

<script>
            fetch('https://gist.githubusercontent.com/bogdanbacila/c5a9683089c74d613ad17cdedc08f56b/raw').then(function(response) {
              return response.json();
            }).then(function(data) {
              console.log(data);
            }).catch(function() {
              console.log("Booo");
            });
</script>

Answer 2

您可以获取此数据并将其存储在Hugo中作为数据文件，但我不建议它。

由于Hugo是静态站点生成器，因此您不仅需要在价值变化时修改存储库中的数据文件，而且还需要重新构建网站。然后，您必须担心按时间表运行脚本。这意味着您无法确定该值是当前的，第二个人访问您的网站。这比我认为的头痛更重要。

更好的路线是编写一些客户端的JavaScript，该JavaScript致电要查索的原始URL以获取内容。这是Hugo-Agnostic，这就是为什么我怀疑您在这里指向。

来自 gists api docs：

如果您需要文件的完整内容，则可以向 raw_url 。

指定的URL提出获取请求

您可以使用 fetch api 或任何其他JS客户端。只需向URL提出请求，从响应主体中解析值，然后编写一些JavaScript以在某人向其打开的页面请求时插入DOM中的值。