雨果不生成与开发模式下相同的样式。

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 

谁能告诉我我做错了什么？

我已经按照这些教程做了。

快速启动

hugo-Devresume-主题

更新

在检查chrome控制台的错误后，我可以看到这样的值。

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

如果我删除 / 自始至终 /dist/css/app.1cb140d8ba31d5b2f1114537dd04802a.css 样式似乎被正确应用。

很明显，我不想每次都手动做这个。在配置上有什么解决办法吗？

Answer 1

一旦你设置了 baseurl 在你的主题config.toml没有必要改变它。

你可能已经知道了 hugo 和 hugo server 是两个不同的命令

• hugo server 当您正在开发您的网站并在本地查看时，可以使用
• hugo 当你准备好部署你的成品网站时，你只需运行这个......然后将所有文件从公共文件夹复制到你的网站。

它不打算让你从你的本地机器浏览公共文件夹。只要使用 hugo server.

Answer 2

同时，我发现问题的根源在于这个设置，在 config.toml:

baseURL = "mywebsite.com"
#...

我没有采用上述设置，而是尝试了这个设置，现在似乎可以正常工作。

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