Hugo 未在本地呈现公用文件夹

Question

当我使用命令时hugo，它会index.html在Public文件夹中生成。当我打开时index.html，网站加载如下：

但是当我在hugo serve本地使用该命令时，它会生成链接http://localhost:1313/，并且站点加载正确。它像这样加载：

我认为问题是由于文件或任何类似内容的渲染不正确。

我的做法：

• 我在文件顶部添加了代码relativeURLs = true，但仍然无法正确呈现。uglyURLs = trueconfig.toml
• 我已经baseurl = "/"在config.toml文件中设置，但这也不起作用。

Answer 1

您的主题可能正在使用{{ .Site.Baseurl }}.

例如：

<link rel="stylesheet" href="{{ .Site.BaseURL }}css/style.css">

在这种情况下，请确保将BaseUrlconfig.toml 文件顶部的定义设置为http://localhost:1313，这将允许本地服务器找到 CSS 文件。

Answer 2

您的 CSS 文件未正确加载。这可能有多种原因，例如：

• https 网站上的 http url。
• css 文件上的“完整性”哈希值错误。
• css 文件未部署或不在服务器上的同一位置。

谷歌开发者工具插件可能会有所帮助。如果右键单击网页，单击“检查”并转到控制台。您可以看到任何加载错误。