Как мне вставить html-листок в сообщение блога (веб-сайт hugo)?

Question

Я создал карту листовок в R, которую экспортировал в статическую папку своего веб-сайта.

Какой фрагмент кода (шорткод) я должен использовать для вставки карты html в одно из моих сообщений в блоге?

Я уже пробовал <iframe seamless src="/static/leaflet/leafmap.html" width="100%" height="500"></iframe> но ничего не появляется

Кстати, я хотел бы узнать больше о кодировании html и css для управления моим веб-сайтом Hugo (не на этапе создания моего собственного веб-сайта с нуля). У вас есть какие-либо рекомендации по книгам или методам? Мне также нравится визуализация данных, и D3 js выглядит неплохим инструментом, как мне изучить его с педагогической точки зрения?

Спасибо за ответы:)

Answer 1

При создании сайта Хьюго конвертирует "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/

Отметьте, что это данный ответ, если это решит вашу проблему.