问题标签 [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.
emoji - Blogdown::Shortcode 在 R 中使用 emo 包后不起作用
我正在使用 Blogdown 并想在 Rmd 文件中使用简码。我在一个块中使用短代码,而不是在内联代码中。我在 Blogdown 的 Rmd 文件和解决方案https://stackoverflow.com/a/55928449/12522221中看到了这个问题Cannot use Markdown shortcodes 。但我不确定我的问题是否与此有关,因为:
此代码有效。有一个内联代码和一个带有简码的嵌入式 youtube 视频。
当使用带有 emo 包的内联代码时,此代码不起作用。
问题是什么?表情包?{{% %}}
雨果的行为?有任何解决这个问题的方法吗?这不是很重要,但我想了解原因。
html - 如何将 html 传单地图插入博客文章(雨果网站)?
我在 R 中创建了一张传单地图,并将其导出到我网站的静态文件夹中。
我应该使用哪一段代码(短代码)将 html 地图插入到我的一篇博文中?
我已经尝试过<iframe seamless
src="/static/leaflet/leafmap.html" width="100%" height="500"></iframe>
,但没有任何显示
顺便说一句,我想了解更多关于 html 和 css 编码来管理我的 Hugo 网站(不是从头开始建立我自己的网站),你有什么书籍或方法推荐吗?同样,我喜欢数据可视化,而 D3 js 看起来是一个不错的工具,我该如何从教学上学习它?
感谢您的回答:)
hugo - 如何在 Hugo 中获取页面资源的完整路径?
我在 Hugo 中有一些帖子,其中的页面资源是 SVG 文件,我希望在生成的 HTML 中内联包含这些文件。例如,这是一个典型的文件夹结构:
在帖子中,我想将diagram.svg
inline 的内容作为生成的 HTML 的一部分包含在内。阅读另一个相关问题,我创建了一个短代码来执行此操作,如下所示:
但是,这意味着我需要提供 SVG 资源的完整路径,这导致我的降价:
理想情况下,我希望简码找到页面资源,以便降价可以简化为:
如果我使用页面资源函数,我可以通过以下方式获取资源本身:{{ $svg := $.Page.Resources.GetMatch (.Get 0) }}
但是生成的文件名是相对于资源包的,而readFile
需要它是相对于项目的顶部的。如何获取资源的完整路径以便将其传递给readFile
?
我试图absURL
这样做,但这不起作用,因为我在帖子上有自定义 URL。
syntax - 如何使用 Hugo 嵌套短代码?省略了原始 HTML
我在 hugo 中遇到了短代码问题。
- 为了制作一些 text-align:right 我制作了一个 Align 简码。
- 为了给文本添加一些颜色,我制作了一个颜色简码。
- 要将一些内容包装到奶油面板中,我有一个提示短代码。
1 2 3 单独工作得很好,但是当我在一个配置中,奶油面板内的一些文本需要在右侧或彩色时,我无法做到这一点。通过查看 html 呈现的源代码,我看到 <--- raw HTML ommitted --->
文档.md:
提示短代码:
对齐简码:
颜色简码:
它应该导致:
但结果是:
有人可以解释一下这有什么问题吗?
r-markdown - 我可以从 blogdown 的 Hugo 主题中转义短代码吗
我正在使用一个雨果主题:https ://github.com/shawnohare/hugo-tufte ,它允许使用短代码{{% marginnote %}}...{{% /marginnote %}}
来创建边注。
我想{{% marginnote %}}...{{% /marginnote %}}
在最后一页上输出实际的文本,但是我所有逃避简码的尝试都失败了。
像在 Hugo 中那样用 s 包裹它'
是不成功的。既不是转义这些引号也不是将其包装在代码块中。
hugo - 在 hugo 中替换 .Page.UniqueID 以解决弃用警告
我正在使用 blogdown 主题: https ://github.com/shawnohare/hugo-tufte
我已经修复了我收到的大部分构建警告,但我无法解决这个问题:
我已经将 Page.UniqueID 的实例追踪到了几个文件,这些文件用于通过简码创建边注。
按照警告中的建议,我已经尝试了许多 .File.UniqueID 类型(.File.UniqueID、.UniqueID、..File.UniqueId,你明白了)的替代品,但没有取得太大的成功。
plotly - 使用 Hugo 在 netlify 中部署时绘制 HTML 图表创建运行时错误
我正在使用 Hugo Academic 主题构建个人博客并将其部署在 netlify 上。一切都很顺利,直到我写了一篇文章,其中包括用 python 制作的绘图图表。
我将图表导出为 HTML 并创建了一个名为 plotly-chart.html 的简码:
在我的降价帖子中被调用
在本地运行很好,图表又快又简单。但是当部署到 netlify 我得到运行时错误来构建。
我测试了一个只有一个图表的帖子,它工作得很好,但是当我使用更多的时候,网站根本没有部署,而且它们也不是很重的东西。
这是主题问题吗?还有其他方法可以实现绘图图表吗?
hugo - 如何从图像原始中去除exif
我喜欢遵循此处描述的简码约定:https ://laurakalbag.com/processing-responsive-images-with-hugo/ 并在 config.toml 中设置 exif 参数,如下所示
但是,我注意到虽然 hugo 从生成的缩放图像中正确剥离了 exif,但 hugo 还将具有完整 EXIF 的原始图像放在公共目录中,这会带来安全问题。
我对不发布原始图像的解决方案或确实发布原始图像但使用剥离的 EXIF 的解决方案感到满意。
感谢您的任何指点,我确定我误解了一些基本的东西!
twitter-bootstrap - Hugo 短代码忽略了“省略了原始 HTML”
我编写了一个简码来创建一个引导程序可关闭的警报框。下面是我的简码,称为layouts/shortcodes/message.html
.
这就是我从内容降价文件中调用的方式:
但是,在输出 HTML 中,会生成以下代码:
我不明白这里有什么问题。我已经创建了其他简码(虽然不使用 .Inner,但这是我的第一次尝试)并且它们工作正常,例如我为像 pinterest 这样的图像网格创建了一个简码,它接受多达 10 个图像 URL 并吐出 HTML。不知道为什么这个特定的 .Inner 短代码会失败。请帮忙。我的 Hugo 版本是v0.74.3/extended darwin/amd64
.
编辑
当我使用标签{{< >}}
而不是它时,{{% %}}
它可以工作。但我可能会在内部文本中放一些降价,因此想使用{{% %}}
.
如果我理解正确, using{{% %}}
将首先处理内部文本中的降价,然后将其传递给简码作为.Inner
.