Hugo 网站未在 Github 页面中呈现

Question

我试图在部署后在 Github 页面上正确地可视化我的投资组合，但没有成功，并且我对问题可能是什么已经没有想法了。

问题：

• 如果我的index.html位于“layouts”文件夹内（因为它最初位于主题中），则实时页面会显示“此站点是开源的。[改进此页面]”，或者显示原始index.html文件 -如果我将index.html放在根目录中。

事实：

1. 我能够在本地运行该网站，没有任何问题，并且它呈现了预期的结果。
2. 我遵循了使用“/”作为 baseURL 的建议。
3. 我尝试过将index.html文件放在根目录中（似乎要采用的逻辑结构）
4. 检查索引页面，当 index.html 放置在根目录中并实时显示（作为原始 html）时，我在控制台上没有收到任何错误。
5. 我没有遇到任何部署错误（我遵循 Github 部署日志中的构建）。
6. 我可以公开访问 css、js 和 images 文件夹，并通过实时 url 查看内容。

我是 Hugo 的新手，我不知道我还能做什么，任何帮助将不胜感激！ 我的存储库是： https://github.com/anaritagomes/anaritagomes.github.io

我正在使用 Hugo 的“UILite”主题： https://themes.gohugo.io/hugo-uilite/

Answer 1

Hugo 的很多东西并不是为初学者编写的，很多人都有同样的问题。

简单来说，当您在计算机上运行 Hugo 时，它会建立一个可以通过 Hugo 访问的网站（即在 localhost:1313 上）。这有点像当您在 Photoshop 中创建文件时，它会将其保存为 PSD 文件，您可以通过 Photoshop 访问该文件，但如果您想将该文件实际放到互联网上，您可以将其导出为 PNG 文件或 JPG（或无论如何）。

在 Hugo 中，这个“导出”步骤也必须完成。执行此操作的命令只是“hugo -D”。这将创建一个名为“public”的文件夹，您将将此文件夹的内容发送到 Github 页面。

Answer 2

这是 Hugo 的一个常见问题。 您可以尝试以下方法：

打开您的存储库，单击设置，然后选择页面。 在构建和部署中，选择 GitHub actions。你会看到一些像 Jekyll 这样的建议。输入搜索其他现有工作流程并搜索 Hugo。 选择默认的hugo.yml后，该文件将被添加到.github/workflow目录中。您的网站将在几分钟内重新部署。

另外，请检查：

• 在设置/操作中：工作流程权限设置为读取和写入权限。
• 您的仓库中有一个 gh-pages 分支