时间戳

首页 > 解决方案 > 将目录添加到 Hugo 中的 hyde-hyde 主题

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

问题描述

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

谢谢。

标签： hugohyde

解决方案

2018 年 9 月 30 日更新：

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

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

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

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

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

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

{{ 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中未指定表格，但在MultiMarkdown (MMD)或Github Flavored Markdown (GFM)等许多变体中都支持表格。

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

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

推荐阅读