4

在本地，我可以轻松查看我的网站和所有主题更改。

但是，一旦将站点部署到 Netlify，我看到的只是一个空白屏幕。

我尝试切换baseURL配置无济于事。但是，如果我将_index.md文件重命名为该文件夹index.md中的文件，则该/content文件的内容将在通过 Netlify 部署时显示。

Netlify 或本地没有构建错误。

我的工作文件可以在以下GitHub 存储库中看到。

4

2 回答 2

3

解释摘要：内容目录根目录下的_index.md文件正在使用您的themes/gwynn/layouts/index.html模板，但您并没有告诉它显示来自您的frontmatter的任何内容或数据。

themes/gwynn/layouts/index.html代码： 

<!DOCTYPE html>
<html>
<body>
  {{ range first 10 .Data.Pages }}
    <h1><a href={{ .Permalink }}>{{ .Title }}</a></h1>
  {{ end }}
</body>
</html>

什么都没有显示，因为您只显示站点中的页面，但两者都draft: true设置在帖子页面的前端。

显示首页标题的解决方案：

themes/gwynn/layouts/index.html 

<!DOCTYPE html>
<html>
  <head>
    <title>{{ .Title }}</title>
  </head>
  <body>
    <h1>{{ .Title }}</h1>
    {{ range first 10 .Data.Pages }}
      <h1><a href={{ .Permalink }}>{{ .Title }}</a></h1>
    {{ end }}
  </body>
</html>

要显示页面链接，您可以设置draft: falseinsidecontent/post/first.md和content/post/second.md

于 2018-10-27T00:32:52.763 回答
1

Netlify 不会自动知道您有一个 Hugo 站点。在 app.netlify.com 界面中，导航到站点设置，然后在左侧导航中选择“构建和部署”。

网络化

在 Build command 字段中，输入hugo，然后在 Publish 目录中，输入public。我认为这应该足够了。

（如果没有，这里有一个来自 Hugo 网站的更详细的配置。不过，这让我觉得太复杂了。）

更进一步，这是可选的，我更喜欢在hugo本地运行命令，这会生成整个站点，并且生成的public目录将成为我的 repo 的一部分。在这种情况下，我将上述Build command:字段留空，但保留该Publish directory: public字段。

于 2018-10-26T20:59:00.273 回答