Hugo 文档 SSG：无法通过 iFrame 包含 html 文件（出现 404 错误）

Question

我们有一个项目来创建使用 SCSS 和 TS 构建的前端组件。可以根据主题更改组件。为此，我们为每个主题创建一个单独的 CSS 和 JS 文件。

我们希望在类似 Bootstrap 的文档中展示这些组件。为此，我们想使用 Hugo。每个组件都应该有一个文档页面，我们希望添加一个主题开关，您可以使用它查看不同主题中的组件。

因此主题切换对文档页面本身没有影响，而仅对呈现的组件产生影响，我们在 iframe 中显示组件，然后在其中加载相应的 CSS 和 JS 文件。

不幸的是，iframe 中的页面加载无法正常工作，我们找不到原因。如果您在没有 iframe 的情况下直接打开它们，这些页面也不会加载。

下面是一个简化的例子：

codesandbox

• 在浏览器视图中转到组件/手风琴
• 打开 src/docu/components/accordion/index.md
  • Accordion
• 我们通过 iframe 加载以下文件
  • src/docu/components/accordion/accordion-basic.html
  • src/docu/components/accordion/accordion-initial-active.html
  • src/docu/components/accordion/accordion-toggler.html
• 您可以在 src/assets/hugo/layouts/shortcodes/example.html 下找到 iFrame

Hugo 根本无法识别文件手风琴-basic.html 等，无论我是否从中制作 *.md 文件，将它们添加到菜单（ src/assets/hugo/config/_default/menus.toml ）或在文件头的上方 --- XYZ --- 区域添加其他信息。

有谁知道我犯了什么错误？

Answer 1

如果您想提供未更改的 HTML 页面，请使用静态目录。