雨果未在本地公用文件夹中渲染index.html

Question

使用Hugo命令在index.html文件夹中生成Public并打开index.html后，站点加载如下 not render properly image

但是，当我在hugo server中本地使用cmd命令时生成链接http://localhost:1313/，并且该链接以良好的呈现方式正确加载了站点，站点加载如下 render properly image

我认为问题是由于文件或类似内容的渲染不良
我的方法：

• 我在relativeURLs = true文件顶部添加了代码uglyURLs = true和config.toml，但仍然无法正确显示
• 我已经在baseurl = "/"文件中设置了config.toml，但这也行不通

高度赞赏上述问题的详细解释和解决方案

Answer 1

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

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

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

Answer 2

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

例如：

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

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

Answer 3

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

Answer 4

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