第7章 创建你自己的主题

第7章 创建自己的主题 #

本章涵盖

  • 使用共享基础模板创建多个布局
  • 利用Hugo中的front matter级联
  • 创建index和taxonomy页面来浏览网站
  • 将内容类型转换为主题
  • 建立内容视图以在模板之间共享内容

在第六章中,我们开始摆脱Eclectic主题,开始为一个新的主题创造基础。 我们创建了一个名为modern的新内容类型,它具有自定义模板代码。 在本章中,我们将把现代的内容类型转换成一个完整的主题(AcmeTheme)。 我们还将关注所有类型的内容,以及它们如何在一个新的主题中合在一起,如图7.1所示。

在Hugo中,主题没有严格的定义。 从技术上讲,一组可以将内容文件夹转移到网站的模板是一个主题。 如果我们采用迄今已有的modern内容类型并将其放置在//_default/文件夹中, 我们可以称之为主题,但这不是一个好主题。 它不会很好地呈现列表页面(分支bundle的根页面)。 taxonomy页面也将大部分为空白。 Hugo中一个合适的主题应该能够呈现从常规页面到列表页面和taxonomy所有标准类型的内容。

图7.1 第7章着重于浏览网站的广度,并确保所有页面都可以从Eclectic主题转移到我们的新主题。 这一章还讨论了主题/布局的划分以及如何从不同的区域获取页面的各个部分。

目前,我们在很多页面上都依赖于Eclectic主题。 在本章中,我们将一个接一个地将页面移动到modern内容类型,一旦完成迁移,我们将能够将该内容类型重组为主题。