时间戳

首页 > 解决方案 > 如何将 html 传单地图插入博客文章（雨果网站）？

html - 如何将 html 传单地图插入博客文章（雨果网站）？

问题描述

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

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

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

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

感谢您的回答：）

标签： htmld3.jsleaflethugohugo-shortcode

解决方案

在构建站点时，Hugo 将“leafMap.html”转换为“leafMap/index.html”。因此，您只需更改以下内容；

<iframe seamless src="/static/leaflet/leafmap.html" width="100%" height="500"></iframe>

至

<iframe seamless src="/static/leaflet/index.html" width="100%" height="500"></iframe>

以下博客文章支持这一点： https ://waterdata.usgs.gov/blog/leaflet/

如果这解决了您的问题，请标记这是给定的答案。

推荐阅读