Hugo 没有在本地渲染公用文件夹答案

【问题标题】：Hugo not rendering the public folder locallyHugo 没有在本地渲染公用文件夹
【发布时间】：2019-08-09 08:58:36
【问题描述】：

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

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

我认为问题是由于文件或类似内容的不正确呈现。

我的做法：

【问题讨论】：

【解决方案1】：

您的主题可能正在使用 {{ .Site.Baseurl }} 加载 CSS。

例如：

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

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

【讨论】：

【解决方案2】：

您可以安装Web Server for Chrome 并选择您的 Hugo 网站的 /public 文件夹。您的网站现在应该在配置的 url 上正确呈现（示例屏幕截图中的http://127.0.0.1:8887）。

【讨论】：

【解决方案3】：

您可能希望将baseURL 设置为public 文件夹的绝对路径。

【讨论】：

【解决方案4】：

通过在 config.toml 中配置 baseUrl 解决了这个问题。

如果您使用 GitHub pages 进行部署，您需要使 baseUrl 与您的 github pages 域相同。

【讨论】：

【解决方案5】：

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

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

【讨论】：