php - 如何划分内容页面？

Question

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

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

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

接下来，我尝试将我的 .md 文件划分为变量，就像 config.toml 一样，并将它们拉入 .html 文件，该文件刚刚以多个服务器错误结束。

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

TC，马丁

标签： phphtmlcsshugo

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>

结果将是：

---

你的题目

您页面的副标题

---

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