如何划分内容页面？

Question

我对 HUGO 和 Markdown 还是很陌生，而且对 HTML、CSS 和 JS 都不是很流利。尽管观看了大量视频并逐页阅读，但有些东西仍然让我很困惑。

所以，我的主页设置都很好并且可以正常工作，下拉顶部菜单等等，但是内容页面给我带来了很多困难，我什至不完全确定我是否过得更好将它们全部硬编码为 HTML - 毕竟这是一个完全静态的网站，没有博客或任何定期更改的内容。

现在，我的问题是：我需要设置的大多数内容页面都有全宽标题和较小的副标题。下面有两列（大约 65% 宽，5% 间隙，30% 宽），但都包含页面内容，不是导航或静态图像，但左侧是正文，右侧是内容相关图像的混合、下载order等链接。下面有时有一个摘要，再次跨越两列，有时什么都没有。而我刚刚描述的只是主要内容，上面是页眉和英雄部分，下面是页脚。

接下来，我尝试将我的 .md 文件分成变量，就像 config.toml 一样，并将它们拉入 .html 文件中，结果只是出现了多个服务器错误。

现在，Google 没有给我带来新的想法，我也没有自己的想法，所以我不得不依靠你们的一些支持。提前致谢。

TC，马丁

Answer 1

你为此使用了 frontmatter (https://gohugo.io/content-management/front-matter/)。您的降价文件将如下所示：

---
title: Your title
subtitle_or_any_other_key: Subtitle of your page
---

您的布局文件将如下所示：

<h1>{{ .Title }}</h1>
<h2>{{ .Params.subtitle_or_any_other_key }}</h2>

结果将是：

---

你的头衔

页面的副标题

---

请注意，您可以添加任意数量的前端变量。它们可以包括单行或多行内容，甚至是文件或图像。