问题标签 [hugo]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
573 浏览

github - 在将我的 Hugo 站点放到 github 页面时遇到 .gitmodules 问题

所以我设法使用 Hugo 框架和 After-Dark 主题(https://after-dark.habd.as)创建了一个静态网页。我将我的站点上传到我的存储库 ( https://github.com/Lord-Left/Lord-Left.github.io ) 但是当我尝试构建站点时,我收到以下错误:

您的站点在构建时遇到问题:子模块 public 未使用 .gitmodules 文件正确初始化。有关更多信息,请参阅 https://help.github.com/articles/page-build-failed-missing-submodule/

这是我的子模块文件的链接(位于根目录中)。我是通过修补来创建它的,对吗?

https://github.com/Lord-Left/Lord-Left.github.io/blob/master/.gitmodules

0 投票
1 回答
2017 浏览

ide - WebStorm 中 Hugo 的语法高亮显示

我一直在互联网上寻找一个 WebStorm 插件,它可以在使用 Hugo 时帮助语法高亮。我一直找不到。有谁知道存在的 Hugo WebStorm 插件?谢谢你的帮助。

0 投票
1 回答
465 浏览

r - Disqus 插件 + 社交 URL 不会加载到使用 R blogdown 生成的站点中

我最近使用带有 Hugo 主题“kakawait/hugo-tranquilpeak-theme”的 R blogdown 包建立了一个静态站点。虽然一切正常,但我无法让 disqus-plugin 和社交共享 URL 正常工作。网站托管在 Github Pages 中。

尝试更改 config.toml 设置和 Disqus 短名称,但无法正常工作。

config.toml 文件

正如您在此处的博客文章末尾看到的那样,Disqus 失败并显示错误消息“我们无法加载 Disqus。如果您是版主,请参阅我们的故障排除指南。” 另一方面,社交 URL(用于博客末尾的共享图标)以缺少 baseURL 前缀的 html 显示。

Disqus-Team 在他们的帮助页面之一中提到,当 JS 变量格式不正确时,通常会发生这种情况。

在我的博客文章的查看源中,this.page.url变量仅与相对 URL 一起出现

这就是社交 URL 在页面中与 Twitter/Facebook/G-Plus 图标一起显示的方式。

推特:https://twitter.com/intent/tweet?text=%2f2017%2f05%2ftamilnadu-2016-election---a-data-story%2f

Facebook:https://www.facebook.com/sharer/sharer.php?u=%2f2017%2f05%2ftamilnadu-2016-election---a-data-story%2f

G加:https://plus.google.com/share?url=%2f2017%2f05%2ftamilnadu-2016-election---a-data-story%2f

我认为 baseURL 配置设置中的一些问题导致了这两个问题。

谢谢你。

0 投票
1 回答
2222 浏览

hugo - 链接到下一个帖子

我的结构content


在帖子的单个模板中,我想要一个页脚:

  • 是指向下一篇文章的链接,或者,如果没有下一篇文章可用
  • 是文本“待续”。

在伪模板代码中,这意味着:

当前nextpost位置+1


如何创建这种链接?

0 投票
2 回答
627 浏览

go - 链接到第一个/最后一个帖子

在 Hugo 部分中,我想有一个链接到该部分的第一个最后一个帖子。(我们称之为post

虽然我可以对第一篇文章使用明显的解决方法(只是链接到/post/000,但这并不令人满意),但到最后一篇文章的链接要困难得多,因为每次我添加新文章时,当前的最后一篇文章都会发生变化。

那么:如何做到这一点?

0 投票
1 回答
418 浏览

javascript - Hugo 部分转义 Javascript,代码被破坏

该片段发布在 Hugo 的MathJax支持页面中。我把它插入到一个部分(比如,head.html)中。

当页面加载时,浏览器尝试执行它,但在控制台中写入异常:

我单击该行并看到以下内容:

在此处输入图像描述

我说得对吗,因为<被逃跑了?如何解决?

编辑:移动它以my-theme/layouts/index.html使代码完全从呈现的页面中消失。layouts/_default/single.html它仍然会导致相同的错误。)

Hugo 版本是 0.21。

0 投票
1 回答
1702 浏览

carousel - 如何使用 Go/Hugo 迭代标记制作轮播

我正在使用 Bootstrap 4 创建一个 Go/Hugo 主题,在我的index.html模板文件中,我有以下代码来遍历发布的文章:

它还没有完全准备好,但它已经允许我使用定义为 FrontMatter 参数的封面图像,用于比博客风格更具创意的东西。在这里,一个潜行高峰。

正如你所看到的那样,分页也实现了,所以我可以看到最后一个条目(在 中定义config.toml并通过 访问.Paginator.Pages)更旧的内容。

但我正在考虑摆脱这个分页并在轮播中转换这个列表,但我不知道我是否能够与 Hugo 一起这样做,或者是否有可能“即插即用”一个可以使用的轮播Bootstrap 的现有标记。

我怎么能做到这一点?

0 投票
1 回答
1535 浏览

gallery - 将 Netlify CMS 与 Hugo 一起使用 - 创建带有画廊的帖子

我对 Hugo 和 Netlify 都是新手,所以我可能只是做错了。

我已经使用HugoGalleria插件成功地构建和部署了一个带有画廊的站点,并部署到Netlify这一切都奏效了。但是,我想尝试使用Netlify CMS,并且正在努力设置它来处理画廊功能(它只适合写一篇文字帖子)

我不确定这是否是 Netlify CMS 的限制,或者我正在以不适合静态站点的方式制作画廊。

为了在 Hugo 中实现画廊,我在每篇文章的开头都做了以下事情:

然后在布局页面中:

在 Netlify CMS 设置中,我尝试添加一个对象小部件:

我有两个问题:

(i) 对象出现,但当然只有一次。我将如何设置它以允许我输入任意数量的图像?

(ii) 在构建时,我收到一个错误:ERROR 2017/05/28 22:37:20 Error while rendering "page": template: _default/single.html:23:15: executing "_default/single.html" at <.imgSrc>: can't evaluate field imgSrc in type interface {}

因此,即使尝试将一张图像(和相关数据)放入帖子中,我似乎也做错了。

0 投票
1 回答
1014 浏览

r - 关于 blogdown 中的主题(hugo-academic)

我正在尝试在 blogdown 中安装 hugo-academic 主题。在我的站点目录中,我运行了 R 并安装了

安装后我编辑了 config.toml 文件,如下所示:

之后,当我尝试使用 服务站点时 blogdown::serve_site(),出现以下错误:

有什么帮助解决这个问题吗?

注意:我使用的是 Windows 10 64 位操作系统。

0 投票
1 回答
151 浏览

modal-dialog - 由于主页上的图片链接过多,网站加载时间过长

我有一个使用 Hugo 静态站点生成器构建的网站。我使用的主题叫做Dimension,是一个单页主题。我有许多页面,每个页面都写在一个降价文件(.md 文件)中,但是当我使用 hugo 时,它会将 .md 文件中的所有文件组合在一起index.html。主题使用overyal(模态)来创建不同的页面。是它的工作原理和外观示例。例如,如果您单击INTRO链接,您将转到此 URL:http://themes.gohugo.io/theme/dimension/#intro并且内容intro在 intro.md 文件中。所以INTRO页面被称为模态或覆盖。

由于我有很多指向网络图像的链接(大约 1000 个),并且它们都放在“index.html”中,因此加载需要很长时间,尽管我不需要一次全部。有没有办法只加载特定叠加层所需的图像?