代码之家 › 专栏 › 技术社区 › martin

雨果短代码中的Iframe源

hugo-shortcode hugo iframe

martin · 技术社区 · 4 年前

<iframe class="map" type="text/html" width="100%" src="/somefile.html?param={{ index .Params 0 }}" allowfullscreen frameborder="0">

实际内容在iframe src中。我正在努力了解将此文件放在何处的最佳实践( somefile.html 在上面的例子中)。现在,它在我的控制之下 static

有没有一种方法可以实现这一点,即在一个短代码模板中引用一个静态html文件?

我考虑过使用 srcdoc

0 回复 | 直到 4 年前

abenrob Ashesh Khatri 4 年前

---
iframeSource: "target_asset_name"
---

然后按如下方式使用:

{{- $srcurl := (print .Site.BaseURL "iframe_assests_root/" .Params.iframeSource "/") -}}
<iframe src="{{- $srcurl -}}"></iframe>

assets/iframe_assets_root )

assets/ 即 assets/iframesources/ ,并使用 page resources 工具la

{{- $ifsrc := resources.Get "iframesources/myiframe.html" -}}
<iframe src="{{- $ifsrc.Permalink -}}"></iframe>

推荐文章

LucasMation · 将“工作论文”部分(出版物内)添加到雨果学术网站

7 年前

LucasMation · 将访客计数和分析添加到R blogdown>netlify housted网站

7 年前

Gregory · 如何从创建雨果学术文章的图像预览。Rmd?

7 年前

Mittenchops · 修改索引。hugo中的html

7 年前

Qwertie · 为什么雨果在错误的目录中查找布局?

7 年前

Likan Zhan · 在blackfriday之外的pandoc中呈现md文件?

7 年前

petzi · Blogdown:使用Netlify部署无法使用标准主题

7 年前

dlaub3 · 如何在平面文件CMS中实现搜索

7 年前

JBecker · 在blogdown中使用new_post有困难

7 年前

Chris Thomas · 雨果需要主题吗?

7 年前