问题标签 [hugo-shortcode]

我正在使用 Blogdown 并想在 Rmd 文件中使用简码。我在一个块中使用短代码，而不是在内联代码中。我在 Blogdown 的 Rmd 文件和解决方案https://stackoverflow.com/a/55928449/12522221中看到了这个问题Cannot use Markdown shortcodes 。但我不确定我的问题是否与此有关，因为：

此代码有效。有一个内联代码和一个带有简码的嵌入式 youtube 视频。

当使用带有 emo 包的内联代码时，此代码不起作用。

问题是什么？表情包？{{% %}}雨果的行为？有任何解决这个问题的方法吗？这不是很重要，但我想了解原因。

我在 R 中创建了一张传单地图，并将其导出到我网站的静态文件夹中。

我应该使用哪一段代码（短代码）将 html 地图插入到我的一篇博文中？

我已经尝试过<iframe seamless src="/static/leaflet/leafmap.html" width="100%" height="500"></iframe>，但没有任何显示

顺便说一句，我想了解更多关于 html 和 css 编码来管理我的 Hugo 网站（不是从头开始建立我自己的网站），你有什么书籍或方法推荐吗？同样，我喜欢数据可视化，而 D3 js 看起来是一个不错的工具，我该如何从教学上学习它？

感谢您的回答：）

我在 Hugo 中有一些帖子，其中的页面资源是 SVG 文件，我希望在生成的 HTML 中内联包含这些文件。例如，这是一个典型的文件夹结构：

在帖子中，我想将diagram.svginline 的内容作为生成的 HTML 的一部分包含在内。阅读另一个相关问题，我创建了一个短代码来执行此操作，如下所示：

但是，这意味着我需要提供 SVG 资源的完整路径，这导致我的降价：

理想情况下，我希望简码找到页面资源，以便降价可以简化为：

如果我使用页面资源函数，我可以通过以下方式获取资源本身：{{ $svg := $.Page.Resources.GetMatch (.Get 0) }}但是生成的文件名是相对于资源包的，而readFile需要它是相对于项目的顶部的。如何获取资源的完整路径以便将其传递给readFile？

我试图absURL这样做，但这不起作用，因为我在帖子上有自定义 URL。

我在 hugo 中遇到了短代码问题。

1. 为了制作一些 text-align:right 我制作了一个 Align 简码。
2. 为了给文本添加一些颜色，我制作了一个颜色简码。
3. 要将一些内容包装到奶油面板中，我有一个提示短代码。

1 2 3 单独工作得很好，但是当我在一个配置中，奶油面板内的一些文本需要在右侧或彩色时，我无法做到这一点。通过查看 html 呈现的源代码，我看到 <--- raw HTML ommitted --->

文档.md：

提示短代码：

对齐简码：

颜色简码：

它应该导致：

但结果是：

有人可以解释一下这有什么问题吗？

我正在使用一个雨果主题：https ://github.com/shawnohare/hugo-tufte ，它允许使用短代码{{% marginnote %}}...{{% /marginnote %}}来创建边注。

我想{{% marginnote %}}...{{% /marginnote %}}在最后一页上输出实际的文本，但是我所有逃避简码的尝试都失败了。

像在 Hugo 中那样用 s 包裹它'是不成功的。既不是转义这些引号也不是将其包装在代码块中。

我正在使用 blogdown 主题： https ://github.com/shawnohare/hugo-tufte

我已经修复了我收到的大部分构建警告，但我无法解决这个问题：

我已经将 Page.UniqueID 的实例追踪到了几个文件，这些文件用于通过简码创建边注。

按照警告中的建议，我已经尝试了许多 .File.UniqueID 类型（.File.UniqueID、.UniqueID、..File.UniqueId，你明白了）的替代品，但没有取得太大的成功。

我正在使用 Hugo Academic 主题构建个人博客并将其部署在 netlify 上。一切都很顺利，直到我写了一篇文章，其中包括用 python 制作的绘图图表。

我将图表导出为 HTML 并创建了一个名为 plotly-chart.html 的简码：

在我的降价帖子中被调用

在本地运行很好，图表又快又简单。但是当部署到 netlify 我得到运行时错误来构建。

我测试了一个只有一个图表的帖子，它工作得很好，但是当我使用更多的时候，网站根本没有部署，而且它们也不是很重的东西。

这是主题问题吗？还有其他方法可以实现绘图图表吗？

我喜欢遵循此处描述的简码约定：https ://laurakalbag.com/processing-responsive-images-with-hugo/ 并在 config.toml 中设置 exif 参数，如下所示

但是，我注意到虽然 hugo 从生成的缩放图像中正确剥离了 exif，但 hugo 还将具有完整 EXIF 的原始图像放在公共目录中，这会带来安全问题。

我对不发布原始图像的解决方案或确实发布原始图像但使用剥离的 EXIF 的解决方案感到满意。

感谢您的任何指点，我确定我误解了一些基本的东西！

我编写了一个简码来创建一个引导程序可关闭的警报框。下面是我的简码，称为layouts/shortcodes/message.html.

这就是我从内容降价文件中调用的方式：

但是，在输出 HTML 中，会生成以下代码：

我不明白这里有什么问题。我已经创建了其他简码（虽然不使用 .Inner，但这是我的第一次尝试）并且它们工作正常，例如我为像 pinterest 这样的图像网格创建了一个简码，它接受多达 10 个图像 URL 并吐出 HTML。不知道为什么这个特定的 .Inner 短代码会失败。请帮忙。我的 Hugo 版本是v0.74.3/extended darwin/amd64.

编辑

当我使用标签{{< >}}而不是它时，{{% %}}它可以工作。但我可能会在内部文本中放一些降价，因此想使用{{% %}}.

如果我理解正确， using{{% %}}将首先处理内部文本中的降价，然后将其传递给简码作为.Inner.