Hugo产生的样式与开发模式不同

Question

这是我第一次尝试生成静态网站。

在开发模式下，使用hugo server命令，一切正常。 样式很棒，但是当我尝试使用hugo命令生成最终的静态文件时，该主题似乎无法正确应用，我也不明白为什么。

我尝试了两个主题（快速入门中的主题，另一个主题），但两者的结果相似。

这些是我在后面的情况下输入到控制台中的命令：

hugo new site testsite
cd testsite
cd themes
git clone https://github.com/cowboysmall-tools/hugo-devresume-theme.git
cd ..
cp themes/hugo-devresume-theme/exampleSite/config.toml .

hugo server
# styling seems to work

hugo
# the opened public/index.html is broken 

有人可以告诉我我在做什么错吗？

我遵循了这些教程：

quick-start

hugo-devresume-theme

更新

在chrome控制台中检查了错误后，我可以看到类似这样的值：

<link href="/dist/css/app.1cb140d8ba31d5b2f1114537dd04802a.css" rel="stylesheet">

如果我从/的开头删除了/dist/css/app.1cb140d8ba31d5b2f1114537dd04802a.css，则该样式似乎正确应用了。

很显然，我不想每次都手动执行此操作。在配置中有什么解决方案吗？

Answer 1

一旦在主题config.toml中设置了baseurl，就无需更改它。

您可能发现hugo和hugo server是两个不同的命令

• hugo server适用于您开发网站并在本地查看的情况
• hugo仅在准备好部署完成的站点时才运行此程序...然后将所有文件从public /文件夹复制到您的网站。

它不适合您从本地计算机浏览public /文件夹。只需使用hugo server。

Answer 2

与此同时，我发现问题源自config.toml中的此设置：

baseURL = "mywebsite.com"
#...

我已经尝试了这一设置，而不是上面的设置，现在看来可以正常工作：

baseURL = ""
relativeURLs = "True"
#...