在Hugo中添加目录到hyde-hyde主题

Question

我在Hugo（https://github.com/htr3n/hyde-hyde）的网站上使用hyde-hyde主题，我无法找到一种方法来为我的帖子添加内容表，尤其是长篇。有这个主题的简单方法吗？

感谢。

Answer 1

更新于2018-09-30 ：

我误解了有关TOC的原始问题，而是在Markdown中的表上给出了答案。

关于目录，基本上有两种方法：

a）使用Hugo support for TOC并添加一些CSS规则以根据需要设置目录样式

b）使用诸如Tocbot之类的外部库来扫描HTML内容并提取标题以创建目录。 Tocbot非常powerful and configurable。

尤其是在hyde-hyde中，您可以执行以下操作以实现TOC：

a）例如，将{{ .TableOfContents }}添加到layouts/partials/page-single/content.html

{{ if .Site.Params.toc }}
    {{ .TableOfContents }}
{{ end }}

b）例如，以根元素nav#TableOfContents为原始的Hugo生成的TOC设置样式

#TableOfContents > ul {
  list-style-type: none;
  padding-left: 0;
}
#TableOfContents > ul > li ul {
  list-style-type: none;
  padding-left: 1em;
}

您可以进一步研究示例代码here，在其中我开发了可折叠的TOC。

---

我是hyde-hyde的作者，所以希望我能提出一些建议。

hyde-hyde是gohugo用来根据Markdown（MD）内容生成静态网页（HTML / CSS / JS）的公正主题。因此，您需要在Markdown文件中添加表。

请注意，original Markdown中未指定表，但MultiMarkdown (MMD)或Github Flavored Markdown (GFM)之类的许多变体中都支持表。

另一种可能的方法是使用Markdown支持的内联HTML根据需要添加<table>...</table>。如果您需要复杂的表（例如，具有rowspan或colspan的表），则效果更好，如您所见here。

上述方法也可以与其他雨果主题一起使用。无论哪种方式，Hugo都能很好地处理表格。

Answer 2

我是gohugo的新手，所以我无法提供确切的支持。但是，似乎gohugo带有一个内置系统，用于在帖子中添加目录。这是该功能的gohugo文档：https://gohugo.io/content-management/toc/

我不确定在以Hyde-Hyde主题发布的帖子中，TOC将出现在何处以及如何出现。主题的作者可能在那里有一些见识。