问题标签 [hugo-shortcode]
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.
iframe - Hugo 短代码中的 iframe 源代码
我创建了一个自定义简码,其中包含一个 iframe 到我博客的另一个静态文件。像这样的东西:
实际内容在 iframe src 中。我试图了解将此文件放在何处的最佳实践(somefile.html
在上面的示例中)。现在,它在我的static
文件夹下,但我觉得让它“更接近”简码定义本身会更有意义,特别是如果我想与其他人共享简码。
有没有办法使这项工作,即在短代码模板中引用静态 html 文件?
我考虑过使用srcdoc
,但我不知道如何正确地转义 html 中的引号。
在相关说明中,有没有办法从 iframe 源中引用资源(如样式表)?
r - R Blogdown Hugo 学术主题不渲染站点
我正在尝试使用 R Blogdown Hugo-Academic 主题创建一个网站。通常,我会通过运行以下命令来创建网站:
但我收到一个错误
我在这里找到了一个相关的 github 问题:
但似乎gcushen/hugo-academic
正在转向wowchemy
如何解决这个问题?
hugo - Hugo - 如何覆盖指向内容文件夹 html 的链接
我们希望使用可用的 Hugo 主题(如 dot)来保持一致的主页外观和跨平台支持,但是对于一个内容文件夹,我们需要直接链接到一个自包含的 html 文件(即它具有 <head> 和 <body > 标签、样式和 <head> 中的脚本链接等)。“直接”是指独立的 html 文件应该立即显示——是的,我们可以在内容文件夹 index.html 中放置一个指向它的链接,但这是一个额外的点击。
我们尝试了此页面上的方法。我们也试过:
- 将自包含 html 文件的 <head> 标记中的必要信息复制到 partials/head.html
- 使用 {{.Inner}} 创建简码
- 在内容文件夹markdown中,在前面部分之后,使用{{< shortcode_file >}}标签将所有html包含在自包含html文件的<body>标签内
从功能上讲,这是可行的,但渲染很糟糕:加载了自包含文件,但只有很小的一部分可见。
有没有办法我们可以更改(“覆盖”?)为一个内容文件夹生成的链接直接转到静态 html 文件,但仍将 type=docs 格式/外观保持在顶层?
更新
在 layouts/index.html 我编辑了这样的输出
这似乎可以渲染。我知道这是一个粗略的黑客,必须有更好的方法。
hugo - 如何检查 .Inner 是否为空
我正在尝试编写一个{{< gallery >}}
短代码,它将生成一个画廊,其中包含您定义的目录中的所有图像、您通过定义的内容.Inner
,或者只是与页面相关的所有图像资源。以下是我试图支持的表格:
{{< gallery dir="/gallery/alaska/" />}}
- 指定目录{{< gallery >}} {{< figure src="image1.jpg" >}} {{< /gallery >}}
- 指定的内部内容{{< gallery >}}
- 使用所有图像资源
我可以处理前两个,但我不清楚如何确定.Inner
变量中是否没有任何内容,因此我可以处理上面的表格 3。我希望执行以下操作:
如何检测没有参数或内部内容的裸简码?
javascript - 有没有办法在没有 index.html 的情况下生成 hugo 文件?
我在 hugo 中有我的静态网站,这是文件夹结构:
我不知道为什么,当我执行hugo -D构建 hugo 时,它会生成以下脚手架:
我只想在构建 hugo 后的根文件夹中使用它们各自的名称,而不是具有名称的文件夹和 index.html 文件中的定价、条款和隐私页面。
注意:定价、条款和隐私页面正在使用single.html
go - 来自动态参数的 Hugo 数据文件
我正在开发一个大雨果模板。我试图简化问题,所以我有两个数据文件:
- PROMO_00_1.yaml
- PROMO_00_2.yaml
以物理方式存储在此目录中:
主题/数据/hp/
因此,在站点配置中,用户将决定使用哪个数据文件,只需在参数 (HpElement) 中指明它。
在模板中,我以这种方式调用部分:
在部分中我写道:
雨果输出在网站上:
我需要的是访问 .yaml 文件中的单个变量,但用户必须可以决定必须使用哪个 YAML 文件。我怎样才能做到这一点?
谢谢
hugo - 通过 Scratch 将值传递给简码 - 不工作
我正在尝试.Scratch
在页面模板中设置一个值,并在该页面上使用的短代码中读取它,但没有运气。
内容有:
页面模板(在主题中)有:
简码(也在主题中)有:
但是渲染的输出有:
我已经对此尝试了几种变体,包括在两种情况下都.Scratch
以 a为前缀$
,以及尝试.Page.Scratch
从简码文件中访问它。在所有情况下,我都会得到一个空的回报。我正在使用版本 v0.75.0-DEV。任何指针都非常感谢。
html - 当表包含简码时,如何给 Hugo / markdown 表一个类?
在hugo (version v0.77.0) 中,我试图用一些特定的样式渲染一个表格。我正在使用
我正在尝试使用 zwbetz 的{{ bootstrap-table "classname" }}
简码。它是/layouts/shortcodes/bootstrap-table.html
这样定义的:
它可以与 Markdown 中的一个简单表一起正常工作,如下所示:
但是,如果降级表包含其他 Hugo 短代码,它会拒绝表标记并创建一个空表,然后在生成的 html 中通过消息(在 html 注释中)说 Hugo 拒绝了一些 html。
这是一个令人讨厌的降价表。
我该怎么做才能让这个bootstrap-table
Hugo 标签接受我的表格,其中包含图像或其他 Hugo 短代码?