Добавьте оглавление к теме hyde-hyde в Hugo
Я использую тему hyde-hyde для своего веб-сайта с Хьюго ( https://github.com/htr3n/hyde-hyde), и я не могу найти способ добавить таблицу для содержимого в свои сообщения, особенно длинные. Есть ли простой способ сделать это с этой темой?
Благодарю.
2 ответа
ОБНОВЛЕНО 2018-09-30:
Я неправильно прочитал оригинальный вопрос о содержании и вместо этого дал ответ на таблицы в Markdown.
Что касается оглавления, то, по сути, существует два подхода:
а) Использование поддержки Hugo для оглавления и добавление некоторых правил CSS для стилизации оглавления по вашему желанию.
б) Использование внешних библиотек, таких как Tocbot, которые могут сканировать содержимое HTML и извлекать заголовки для создания оглавления. Tocbot очень мощный и настраиваемый.
В частности в hyde-hyde
Вы можете сделать следующее для достижения оглавления:
а) Добавить {{ .TableOfContents }}
например, в https://github.com/htr3n/hyde-hyde/blob/master/layouts/partials/page-single/content.html
{{ if .Site.Params.toc }}
{{ .TableOfContents }}
{{ end }}
б) Стиль оригинального сгенерированного Хьюго оглавления с корневым элементомnav#TableOfContents
, например
#TableOfContents > ul {
list-style-type: none;
padding-left: 0;
}
#TableOfContents > ul > li ul {
list-style-type: none;
padding-left: 1em;
}
Далее вы можете исследовать пример кода здесь, где я разработал складное оглавление.
Я авторhyde-hyde
так что, надеюсь, я могу взвесить некоторые предложения.
hyde-hyde
это простая тема, используемая gohugo для создания статических веб-страниц (HTML/CSS/JS) из содержимого Markdown (MD). Так что вам нужно добавить таблицы в ваши файлы Markdown.
Обратите внимание, что таблицы не указаны в исходной уценке, но поддерживаются во многих вариантах, таких как MultiMarkdown (MMD) или Github Flavored Markdown (GFM).
Другой потенциальный подход заключается в использовании встроенного HTML, поддерживаемого Markdown, для добавления <table>...</table>
как хотите. Это работает лучше, если вам нужны сложные таблицы (например, с rowspan или colspan), как вы можете видеть здесь.
Вышеупомянутые методы могут быть использованы и с другими темами Гюго. В любом случае, Хьюго хорошо справляется со столами.
Я новичок в gohugo, поэтому я не могу предоставить точную поддержку. Но похоже, что gohugo поставляется со встроенной системой для добавления оглавлений к сообщениям. Вот документация gohugo для этой функции: https://gohugo.io/content-management/toc/
Я не уверен, где и как будет отображаться оглавление в публикации, опубликованной с темой Hyde-Hyde. Автор темы может иметь некоторое представление там.