如何添加新的hugo静态页面?

时间:2015-02-17 19:22:20

标签: hugo

从“入门”部分看来,这应该可行,但事实并非如此。

hugo new site my-site
hugo new privacy.md
hugo server --watch --includeDrafts

curl -L localhost:1313/privacy/index.html
# 404 page not found
curl -L localhost:1313/privacy.html
# 404 page not found
curl -L localhost:1313/privacy/
# 404 page not found

如何添加新页面?

5 个答案:

答案 0 :(得分:23)

这是如何创建静态"登陆页面的最佳教程。关于雨果:https://discuss.gohugo.io/t/creating-static-content-that-uses-partials/265/19?u=royston

基本上,您在type: "page"中使用layout: "simple-static"在前面的内容中创建.md,然后为其创建自定义布局,例如前面的themes/<name>/layouts/page/,然后在{中创建布局模板{1}},例如simple-static.html。然后,像往常一样使用所有部分,并使用{{ .Content }}从原始.md文件调用内容。

我的所有静态(着陆)页面都在使用此方法。

顺便说一句,我没有使用hugo new,我只是克隆.md文件或将模板复制到/content/并使用我的 iA Writer 打开它文本编辑器。但我也没有使用Hugo server,改编npm-build-boilerplate正在运行服务器并构建。

答案 1 :(得分:15)

刚刚在Hugo 0.13上测试好了

   hugo new site my-site
   cd my-site
   hugo new privacy.md
   hugo server -w -D
   curl -L localhost:1313/privacy/

注意:您必须使用主题或提供自己的布局模板才能获得超过空白页面的内容。当然,在privacy.md中的一些Markdown也会使它更好。

请参阅http://gohugo.io/overview/introduction了解最新文档。

答案 2 :(得分:6)

我也有类似的要求,以添加静态页面(在这种情况下为aboutus)。遵循步骤即可达到目的,

  • 创建了一个空文件content/aboutus/_index.md
  • 创建了aboutus.html页面layouts/section/aboutus.html

答案 3 :(得分:3)

使您在archetypes/default.md中设置一些默认值

# archetypes/default.md
+++
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
+++

以及layouts/_default/single.html中的单个布局来呈现一些变量或内容

# tags to render markdown content
<h1>{{ .Title }}</h1>
<p>{{ .Content }}</p>
<span>{{ .Params.date }}</span>

现在输入hugo new privacy.md,它将在content/privacy.md的以下目录中创建一个新页面

答案 4 :(得分:1)

以“关于”为例:

[
 ((0, 1), [1, 2]),   # first true sequence: starting at index=0 (in a), ending at index=1, mapping to the values [1, 2] in b

 ((5, 7), [3, 4, 5]) # second true sequence: starting at index=5, ending at index=7, with values in b=[3, 4, 5]
]

编辑about.md并添加最后两行,元数据/前端问题如下:

# will create content/about.md
hugo new about.md

应该可以。