Документация Hugo SSG: не удалось включить файлы html через iFrame (получение ошибки 404)

У нас есть проект по созданию компонентов интерфейса, построенных с помощью SCSS и TS. Компоненты могут быть изменены для каждой темы. Для этого мы создаем отдельный файл CSS и JS для каждой темы.

Мы хотели бы представить компоненты в документации, похожей на Bootstrap. Для этого мы хотим использовать Hugo. Для каждого компонента должна быть страница документации, и мы хотим добавить переключатель темы, с помощью которого вы сможете просматривать компоненты в разных темах.

Чтобы переключение темы не влияло на саму страницу документации, а только на представленные компоненты, мы отображаем компоненты в iframe, в который затем загружаются соответствующие файлы CSS и JS.

К сожалению, загрузка страниц в iframes работает некорректно, и мы не можем найти причину. Страницы также не загружаются, если вы открываете их напрямую без iframe.

Ниже приведен упрощенный пример:

кодыпесочница

  • Перейдите в Компоненты/Аккордеон в браузере.
  • Откройте файл src/docu/components/accordion/index.md.
  • Загружаем следующие файлы через iframe
    • src/docu/components/accordion/accordion-basic.html
    • src/docu/components/accordion/accordion-initial-active.html
    • src/docu/components/accordion/accordion-toggler.html
  • Вы можете найти iFrame в src/assets/hugo/layouts/shortcodes/example.html.

Хьюго просто не распознает файлы аккордеон-базик.html и т.д., независимо от того, делаю ли я из них файлы *.md, добавляю их в меню ( src/assets/hugo/config/_default/menus.toml ) или добавьте другую информацию в верхнюю --- XYZ --- область в заголовке файла.

Кто-нибудь знает, какую ошибку я делаю?

1 ответ

Если вы хотите обслуживать HTML-страницы без изменений, используйте статический каталог.

https://gohugo.io/content-management/static-files/

Другие вопросы по тегам