能否在现有的Hugo主题(例如Academic)中添加单个自定义HTML页面?

7

您想要什么?
我有一个使用Hugo编写的网站。但是我有一个特殊情况。
科学家、电气工程师和其他人可能有特定的需求。例如:拥有一个显示模拟的单个页面。或者像我一样,使用我从头开始用HTML、CSS和JS编写的webbluetoothwebusb。此外,这些页面可能是由自定义脚本生成的。因此,您可以在Hugo站点中具有git子模块,专门用于生成您想要添加到网站的这些自定义单页HTML。

所以,我想要的只是一个菜单项或侧边栏(无论现有主题支持哪种),但是它不应该显示默认HTML,而应该显示我的自定义、硬编码的、已经准备好的HTML文件——这可能是一个包含所有必要内容的文件夹中的index.html文件——就像Jekyll创建的_site文件夹一样。

什么是自定义HTML?
我的意思是它不采用hugo主题的格式。它有自己的格式,但由于它只是整个网站中的单个页面,因此没有必要使用Hugo编写自己的布局,或者可能已经使用其他技术使其正常工作,所以这样做并没有多大意义。 到目前为止你都做了些什么,哪些有效?
实际上,我来自Jekyll背景,那里只需要更改layout前置信息并将其设置为nil或甚至根本不设置,Jekyll就能很好地在现有主题中显示自定义HTML。尝试使用Hugo进行相同的操作,但没有成功。

你在测试什么?
hugo-coder和/或hugo-academic

有什么具体要求吗?
理想情况下,我希望在我的hugo网站文件夹中有子模块,这些子模块会在已知的文件夹中生成自定义HTML,然后以某种方式创建一个相应的Hugo markdown文件,负责显示自定义HTML。
我希望避免在markdown本身中编写整个HTML。但如果没有其他解决方案,那么我想我别无选择。

如果这是可能且值得追求的,请让我知道,并提供任何可能有帮助的参考资料。

1个回答

2

我不知道这是否是完美的解决方案,但它目前可以使用。我不会接受它,因为它不完美,我正在等待一些更有经验的人来回答。

我通过以下方式让它工作 -

  • 我使用Jekyll构建了一个页面。 Jekyll在名为_site的文件夹中构建网站。
  • 我将_site文件夹复制到Hugo的static文件夹中,并相应地重命名为CustomHTML,或者您可以使用标志-d <destination folder>或在_config.yml文件中声明:destination:<destination folder>
  • 由于我正在测试hugo-acdemic主题,因此我在config.toml文件中添加了以下内容以在菜单中显示它 -
[[menu.main]]
 name = "CustomHTML"
 url = "CustomHTML/index.html"
 weight = 50
  • hugo serve 然后它就可以工作了。

很酷的是,我不必担心CSS和其他任何东西。 Hugo正确地渲染了_site中的index.html

编辑
看起来Hugo的人们也建议以相同的方式进行操作。


1
这很有帮助,谢谢分享。而且这似乎是在hugo中显示html的推荐方式之一。请在此处查看 https://discourse.gohugo.io/t/what-is-a-better-way-to-include-a-full-external-html-page-and-its-resources-into-blog/9287 - Ali Tarraf

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接