terminal hugo theme

терминал-хьюго-тема

Тема для Hugo, созданная с использованием библиотеки CSS Tailwind и семейства монофонических шрифтов.

Живая демо-версия

https://nayanseth.com

Настраивать

1. В этой теме используется CSS попутного ветра.
2. [Необязательно] Как использовать попутный ветер
   1. По умолчанию в теме будет использоваться существующий файл tailwind.css , но если вы хотите поиграть с попутным ветром, выполните шаги, указанные ниже.
   2. Есть два файла конфигурации для попутного ветра, расположенные в каталоге assets/csss/tailwind
      1. Для dev запустите npm run dev -> Это сгенерирует все возможные классы CSS из попутного ветра. Некоторые из них все еще могут быть оставлены без внимания
      2. Для prod запустите npm run prod -> Это создаст только те CSS-классы из попутного ветра, которые вы используете в теме.
3. hugo new site <SITE_NAME>
4. cd <SITE_NAME>
5. git submodule add [email protected]:techbarrack/terminal-hugo-theme.git themes/terminal
6. Замените содержимое <SITE_NAME>/hugo.yaml на <SITE_NAME>/themes/terminal/hugo.yaml
7. В корневом каталоге сайта Hugo создайте каталог: mkdir -p layouts/partials/third_party_js . В этом каталоге хранятся любые сторонние javascript, такие как Google Analytics, Disqus и т. д.
8. Запустите hugo server --buildDrafts --disableFastRender --gc --ignoreCache --noHTTPCache --forceSyncStatic --verbose -w

Изменение содержимого

1. Раскомментируйте атрибут ignoreFiles в <SITE_NAME>/hugo.yaml
2. Начните добавлять файлы в <SITE_NAME>/content , реплицируя то, что присутствует в <SITE_NAME>/themes/terminal/content
3. Обновите метаконтент в head.html

Сторонний JS

1. Создайте частичные файлы в <SITE_NAME>/layouts/partials/third_party_js/<FILE>.html
2. Все файлы в папке third_party_js будут включены перед тегом </body> .

Короткие коды

• {{< svg logo="blah" >}} -> Используйте следующий код, чтобы добавить svg в файлы уценки.
  1. Добавьте svg как файл .html в layouts/content/svg
• Необработанный HTML

 {{< rawhtml >}}
  <div>This is raw HTML content</div>
{{< /rawhtml >}}

Ссылки

Некоторые справочные ссылки для получения дополнительной информации о том, как что-то делать в Hugo:

• https://gohugo.io/methods/page/
• https://gohugo.io/methods/pages/groupbydate/
• https://gohugo.io/content-management/taxonomies/
• https://gohugo.io/templates/taxonomy-templates/
• https://gohugo.io/templates/taxonomy-templates/#example-list-tags-in-a-single-page-template
• https://gohugo.io/templates/taxonomy-templates/#example-list-tags-in-a-single-page-template
• https://gohugo.io/methods/page/scratch/
• https://gohugo.io/functions/collections/dictionary/
• https://gohugo.io/methods/page/paginate/
• https://discourse.gohugo.io/t/better-term-listing/10261
• https://gohugo.io/templates/partials/
• https://mertbakir.gitlab.io/hugo/pass-arguments-in-partials-hugo/
• SVG-иконки