hugo - 将目录添加到 Hugo 中的 hyde-hyde 主题

Question

我正在使用 Hugo ( https://github.com/htr3n/hyde-hyde ) 为我的网站使用 hyde-hyde 主题，但我不知道如何在我的帖子中添加表格内容，尤其是长的。这个主题有简单的方法吗？

谢谢。

score 3 · Accepted Answer

2018 年 9 月 30 日更新：

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

关于Table of Contents，基本上有两种方法：

a) 使用Hugo 对 TOC 的支持并添加一些 CSS 规则来根据需要设置 TOC 的样式

b) 使用可以扫描 HTML 内容并提取标题以创建 TOC 的外部库，例如Tocbot 。Tocbot 非常强大且可配置。

特别是在中hyde-hyde，您可以执行以下操作来实现 TOC：

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

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

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

您可以在此处进一步研究我开发可折叠 TOC的示例代码。

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

hyde-hyde是gohugo用于从 Markdown (MD) 内容生成静态网页 (HTML/CSS/JS) 的公正主题。因此，您需要在 Markdown 文件中添加表格。

另一种可能的方法是使用 Markdown 支持的内联 HTML 来根据需要添加<table>...</table>。如果您需要复杂的表（例如，使用 rowspan 或 colspan），这会更好，正如您在此处看到的那样。

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

score 0 · Accepted Answer

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

我不确定 TOC 将出现在以 Hyde-Hyde 主题发布的帖子中的位置和方式。该主题的作者可能对此有所了解。

2 回答 2