雨果:为单页主题添加更多页面

时间:2017-04-30 13:40:38

标签: themes singlepage hugo

Hugo是一个通用网站框架和静态网站生成器。但是,大多数the themes都是单页主题。

是否可以在Hugo中为这些单页主题添加更多页面?

我对Dimension主题特别感兴趣。

非常感谢你的帮助。

2 个答案:

答案 0 :(得分:2)

这取决于主题的构建方式。在Dimension的情况下,答案是否定的 - 您可以在内容文件夹中添加新的markdown文件,但它们只会在索引页面上呈现,而不是作为各自的页面呈现。如果要生成多个页面,则必须编辑主题或选择支持多个页面的新主题。

要修改主题,请参阅customising a themecreating a theme上的文档。您还需要了解Hugo模板,因此go template primer是必读的。编辑主题可能有点棘手,但如果你使用过其他模板语言,那就没有太大的不同了。

在您的情况下,您需要修改layouts/_default/single.html为所有降价文件创建single-page view。您还需要修改layouts/index.html以从index page链接到他们,否则没有人会找到它们。

答案 1 :(得分:2)

Hugo不仅仅是一个通用的网站框架/生成器。我一直用它来文章发布,新闻网站和生成博客!大多数主题都是单页,因为人们以他们喜欢的方式创建主题。虽然仍在开发中,但您可以查看我的网站Desktop Luxury,它是完全静态的并且使用hugo构建。它超级快,支持AMP ,用户非常喜欢它。他们无法区分Wordpress网站和Desktopluxury.com的外观。注意:在加载时间,速度和自定义能力方面,差异清晰可见!

虽然它因主题而异,但您可以轻松地从博客文件夹中创建.md(包含内容的文件 - 类似于.html *)文件。例如,您要创建“关于”页面。在包含hugo文件的根文件夹中,创建目录root / content / blog。将永久链接添加到配置文件中,该文件告诉主题将/ root / content / blog文件夹中存在的文件归类为博客文件。创建诸如about.md和amp;之类的页面。 root / content文件夹中的contact.md。它们不会显示在博客列表中,但是,它们将由siteurl.xyz/about或siteurl.xyz/contact呈现和访问。

*我说.md文件类似于.html文件,因为OP似乎是webdevelopment的新手。

编辑:

Final homepage after adding few posts

我刚刚下载了问题中提到的主题,通过在Hugo网站文件夹的根目录下打开CMD添加了几个.md文件并运行命令~~ $ hugo new professional.md ~~ 就像我们写文章一样,创建了各种页面并在其中添加了内容。我完成了你想要的结果,没有任何问题。这太棒了!