Документация 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-страницы без изменений, используйте статический каталог.