如何在博客帖子（雨果网站）中插入html传单地图？

Question

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

我应该使用什么代码段（短代码）将html映射插入到我的一篇博客文章中？

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

顺便说一句，我想了解更多有关管理Hugo网站的html和css编码的知识（不是从头开始构建自己的网站），您对书或方法有何建议？我喜欢数据Vizualization，D3 js看起来是一个不错的工具，我该如何从教学法上学习它？

感谢您的回答：）

Answer 1

构建网站时，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/

如果可以解决您的问题，请标记为给定的答案。