我正在使用 Hugo 静态页面生成器构建个人网站,但是当我这样做时hugo serve
,我不再看到一个页面,而只是一个空白页面localhost:1313
。
我删除了所有内容并进行了全新安装。但是,雨果仍然提供空白页。
在空白页面中,我看到了我拥有的上一个网站草稿的 Favicon,即使我删除了上一个主题中的所有内容。我在 Chrome 中清除了浏览器并尝试了其他浏览器,但它仍然无法正常工作。
不确定我可以提供什么信息,因为没有错误消息。我怎样才能解决这个问题?
我正在使用 Hugo 静态页面生成器构建个人网站,但是当我这样做时hugo serve
,我不再看到一个页面,而只是一个空白页面localhost:1313
。
我删除了所有内容并进行了全新安装。但是,雨果仍然提供空白页。
在空白页面中,我看到了我拥有的上一个网站草稿的 Favicon,即使我删除了上一个主题中的所有内容。我在 Chrome 中清除了浏览器并尝试了其他浏览器,但它仍然无法正常工作。
不确定我可以提供什么信息,因为没有错误消息。我怎样才能解决这个问题?
请验证您的 config.toml 文件是否指向正确的主题。
如果遵循快速入门教程,您可能已经忘记运行
echo 'theme = "ananke"' >> config.toml
在遵循hugo 入门/快速入门指南后,我遇到了同样的问题, 但我没有使用现有主题,而是创建了一个非常基本的主题:
hugo new site quickstart
<-- this is what the quickstart does and what i left out
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/
. 由于大多数生成的文件(几乎)是空的,因此您必须在快速入门示例运行之前编辑其中的一些文件。
基于为雨果开发主题, 我编辑了/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>
content/
,
date, title, description, categories, tags
themes/
(或layouts/
)下的模板
single, list, partials
/themes/your-theme-name/
然后下/layouts/
forindex.html
和下/layouts/_default/list.html
and/layouts/_default/single.html
HTML 文件将被写入该public/
目录。
您可能想阅读hugo 主题文档。
当我从 Github 克隆我的博客但没有包含主题子模块时,我遇到了同样的问题。包括子模块解决了我的问题:
git clone --recurse-submodules https://github.com/username/your-blog
这可能是config.toml
Hugo 项目目录中的潜在问题。
我最近遇到了一个类似的问题,我在尝试使用 Hugo 创建自定义主题时只看到一个空白页面,而您所要做的就是告诉 Hugo 在哪里可以找到要在浏览器上呈现的初始 HTML 页面。
如果您尝试安装主题或创建自定义主题,请转到config.toml
基本目录并指定主题名称,如下所示:
theme = "${theme_name}"
如果您使用默认/自定义主题,主题名称将与项目目录中主题文件夹下的文件夹名称相同。