terminal hugo theme

terminal-hugo-tema

Un tema para hugo creado con la biblioteca CSS tailwind y la familia de fuentes mono

Demostración en vivo

https://nayanseth.com

Configuración

1. Este tema utiliza CSS de viento de cola
2. [Opcional] Cómo utilizar Tailwind
   1. De forma predeterminada, el archivo tailwind.css existente se utilizará en el tema, pero si quieres jugar con tailwind, sigue los pasos que se mencionan a continuación.
   2. Hay dos archivos de configuración para tailwind ubicados en el directorio assets/csss/tailwind
      1. Para dev ejecute npm run dev -> Esto genera todas las clases CSS posibles a partir de tailwind. Es posible que algunos todavía queden fuera
      2. Para prod run npm run prod -> Esto genera solo las clases CSS de tailwind que estás usando en el tema
3. hugo new site <SITE_NAME>
4. cd <SITE_NAME>
5. git submodule add [email protected]:techbarrack/terminal-hugo-theme.git themes/terminal
6. Reemplace el contenido de <SITE_NAME>/hugo.yaml con <SITE_NAME>/themes/terminal/hugo.yaml
7. En el directorio raíz del sitio de hugo, cree el directorio: mkdir -p layouts/partials/third_party_js . Este directorio es para almacenar cualquier tipo de JavaScript de terceros como Google Analytics, Disqus, etc.
8. Ejecute el hugo server --buildDrafts --disableFastRender --gc --ignoreCache --noHTTPCache --forceSyncStatic --verbose -w

Modificar los contenidos

1. Descomente el atributo ignoreFiles en <SITE_NAME>/hugo.yaml
2. Comience a agregar los archivos en <SITE_NAME>/content replicando lo que está presente en <SITE_NAME>/themes/terminal/content
3. Actualizar el metacontenido en head.html

JS de terceros

1. Cree parciales en <SITE_NAME>/layouts/partials/third_party_js/<FILE>.html
2. Todos los archivos en la third_party_js se incluirán antes de la etiqueta </body>

Códigos cortos

• {{< svg logo="blah" >}} -> Utilice el siguiente código para agregar svg en archivos de rebajas
  1. Agregue svg como archivo .html en layouts/content/svg
• HTML sin formato

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

Referencias

Algunos enlaces de referencia para obtener información adicional sobre cómo hacer cosas en 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/
• Iconos SVG