Question

我正在使用Hugo静态页面生成器构建一个个人网站，但当我hugo serve时，我不再看到一个页面，而只是localhost:1313的空白页面。

我删除了所有内容并进行了全新安装。但是，Hugo仍在提供空白页面。

在空白页面中，我看到了之前网站草稿的Favicon，即使我删除了上一个主题中的所有内容。我在Chrome浏览器中清除了浏览器并尝试了其他浏览器，但它仍无效。

不确定我能提供哪些信息，因为没有错误消息。我该如何解决这个问题？

Answer 1

问题可能是theme - 它丢失或损坏。如果你没有提供工作原则，Hugo没有任何默认/后备主题。

调试指南：

检查themes文件夹，然后按quickstart。
尝试使用另一个更简单的主题。
可能只是配置主题的问题，您也可以阅读hugo theme documentation。

Answer 2

在遵循hugo getting-started / quickstart指南之后，我遇到了同样的问题，但是我没有使用现有的主题，而是创建了一个非常基本的主题：

Install hugo我选择了install hugo on windows
创建新站点hugo new site quickstart
添加主题
- 克隆主题（例如ananke-theme）更容易<-- this is what the quickstart does and what i left out
- 相反，您可以create a theme和hugo new theme [your-theme-name]一起在站点文件夹中添加主题框架，例如C:\Hugo\Sites\example.com（请参见屏幕截图）
添加一些内容hugo new posts/my-first-post.md
启动服务器hugo server -D --watch --verbose

创建主题后，文件和文件夹应位于Sites/example.com/themes/your-theme-name/下。由于大多数生成的文件（几乎）为空，因此您必须在快速入门示例开始工作之前编辑其中的一些文件。

我根据develop a Theme for Hugo编辑了/themes/your-theme-name/layouts/index.html

<!DOCTYPE html>
<html> <body>    
    {{ range first 10 .Data.Pages }}        
         <h1>{{ .Title }}</h1>
         <div>{{- .Content -}}</div>
    {{ end }}      
</body> </html>

取自develop a Theme for Hugo的有关雨果的基本信息

Hugo配置文件（TOML，YAML或JSON）位于您网站的根目录中
Hugo默认值：content/中的Markdown，
- 内容文件包含元数据（frontmatter）和文本（/ markdown）-> html到public /，
- 示例前题属性：date, title, description, categories, tags
themes/（或layouts/）下的模板
- 三种模板：single, list, partials
- 在/themes/your-theme-name/下的主题模板，然后在/layouts/的{{1}}下以及index.html和/layouts/_default/list.html下的主题模板
HTML文件将被写入/layouts/_default/single.html目录。

您可能想阅读hugo theme documentation。

Answer 3

请验证您的config.toml文件指向正确的主题。

如果按照快速入门教程，您可能忘记运行

echo 'theme = "ananke"' >> config.toml

Answer 4

当我从 Github 克隆我的博客但没有包含主题子模块时，我遇到了同样的问题。包括子模块解决了我的问题：

git clone --recurse-submodules https://github.com/username/your-blog

Answer 5

这可能是 Hugo 项目目录中的 config.toml 的潜在问题。

我最近遇到了一个类似的问题，我在尝试使用 Hugo 创建自定义主题时只看到一个空白页面，您要做的就是告诉 Hugo 在哪里可以找到您的初始 HTML 页面 在浏览器上呈现。

如果您尝试安装主题或创建自定义主题，请转到基本目录中的 config.toml 并指定主题名称，如下所示：

theme = "${theme_name}"

如果您使用默认/自定义主题，主题名称将与项目目录中themes文件夹下的文件夹名称相同。

为什么雨果服务空白页？

5 个答案:

取自develop a Theme for Hugo的有关雨果的基本信息