问题标签 [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.
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
ide - WebStorm 中 Hugo 的语法高亮显示
我一直在互联网上寻找一个 WebStorm 插件,它可以在使用 Hugo 时帮助语法高亮。我一直找不到。有谁知道存在的 Hugo WebStorm 插件?谢谢你的帮助。
r - Disqus 插件 + 社交 URL 不会加载到使用 R blogdown 生成的站点中
我最近使用带有 Hugo 主题“kakawait/hugo-tranquilpeak-theme”的 R blogdown 包建立了一个静态站点。虽然一切正常,但我无法让 disqus-plugin 和社交共享 URL 正常工作。网站托管在 Github Pages 中。
尝试更改 config.toml 设置和 Disqus 短名称,但无法正常工作。
正如您在此处的博客文章末尾看到的那样,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 配置设置中的一些问题导致了这两个问题。
谢谢你。
hugo - 链接到下一个帖子
我的结构content
:
在帖子的单个模板中,我想要一个页脚:
- 是指向下一篇文章的链接,或者,如果没有下一篇文章可用
- 是文本“待续”。
在伪模板代码中,这意味着:
当前nextpost
位置+1
如何创建这种链接?
go - 链接到第一个/最后一个帖子
在 Hugo 部分中,我想有一个链接到该部分的第一个和最后一个帖子。(我们称之为post
)
虽然我可以对第一篇文章使用明显的解决方法(只是链接到/post/000
,但这并不令人满意),但到最后一篇文章的链接要困难得多,因为每次我添加新文章时,当前的最后一篇文章都会发生变化。
那么:如何做到这一点?
javascript - Hugo 部分转义 Javascript,代码被破坏
该片段发布在 Hugo 的MathJax支持页面中。我把它插入到一个部分(比如,head.html
)中。
当页面加载时,浏览器尝试执行它,但在控制台中写入异常:
我单击该行并看到以下内容:
我说得对吗,因为<
被逃跑了?如何解决?
(编辑:移动它以my-theme/layouts/index.html
使代码完全从呈现的页面中消失。layouts/_default/single.html
它仍然会导致相同的错误。)
Hugo 版本是 0.21。
carousel - 如何使用 Go/Hugo 迭代标记制作轮播
我正在使用 Bootstrap 4 创建一个 Go/Hugo 主题,在我的index.html
模板文件中,我有以下代码来遍历发布的文章:
它还没有完全准备好,但它已经允许我使用定义为 FrontMatter 参数的封面图像,用于比博客风格更具创意的东西。在这里,一个潜行高峰。
正如你所看到的那样,分页也实现了,所以我可以看到最后一个条目(在 中定义config.toml
并通过 访问.Paginator.Pages
)更旧的内容。
但我正在考虑摆脱这个分页并在轮播中转换这个列表,但我不知道我是否能够与 Hugo 一起这样做,或者是否有可能“即插即用”一个可以使用的轮播Bootstrap 的现有标记。
我怎么能做到这一点?
gallery - 将 Netlify CMS 与 Hugo 一起使用 - 创建带有画廊的帖子
我对 Hugo 和 Netlify 都是新手,所以我可能只是做错了。
我已经使用Hugo、Galleria插件成功地构建和部署了一个带有画廊的站点,并部署到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 {}
因此,即使尝试将一张图像(和相关数据)放入帖子中,我似乎也做错了。
r - 关于 blogdown 中的主题(hugo-academic)
我正在尝试在 blogdown 中安装 hugo-academic 主题。在我的站点目录中,我运行了 R 并安装了
安装后我编辑了 config.toml 文件,如下所示:
之后,当我尝试使用 服务站点时
blogdown::serve_site()
,出现以下错误:
有什么帮助解决这个问题吗?
注意:我使用的是 Windows 10 64 位操作系统。
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”中,因此加载需要很长时间,尽管我不需要一次全部。有没有办法只加载特定叠加层所需的图像?