hugo 8bits theme

Tema Hugo de 8 bits

El tema Hugo de 8 bits está basado en el marco CSS estilo NES desarrollado por @bc_rikko.

Demostración en vivo

Información del marco NES.css

Nombre	NES.css
Descripción	Marco CSS estilo NES
Diseñador	BcRikko
Versión	2.3.0
Liberado	17 de diciembre de 2019
Licencia	Información de licencia

Instalación

 $ cd /<your-hugo-site-directory>
$ git submodule add https://github.com/miguelsimoni/hugo-8bits-theme.git themes/hugo-8bits-theme

Más información: guía de configuración de hugo

Configuración

configuración.yaml

Plurilingüe

Puedes mostrar u ocultar el menú desplegable Idiomas desde config.yaml :

 languagesMenuEnabled : true

Migaja de pan

Puede mostrar u ocultar la página actual en la ruta de navegación desde config.yaml :

 breadcrumb :
  showCurrent : true

Cargador de paginación

Puede habilitar o deshabilitar el cargador de paginación (botón Cargar más) en las páginas de la lista desde config.yaml :

 pagination :
  loader : true

Al desactivarlo se mostrará el widget de paginación estándar.

Fondo

Puede configurar un fondo de tema simplemente colocando una imagen en la carpeta static/images/ y escribiendo su nombre en el parámetro params.background.image . También puedes establecer un efecto de paralaje y su velocidad para la sección de publicaciones.

 background :
  image : " ../images/background.png "
  parallax : true
  speed : 10

Contacto

Puede habilitar el formulario de contacto para permitir que los visitantes le envíen mensajes utilizando un servicio de mensajes como Formspree simplemente agregando la URL de acción de su formulario de contacto en config.yaml :

 contact :
  formAction : https://formspree.io/f/yourformcode

Redes Sociales

Puede agregar los nombres de usuario para las redes sociales actualmente admitidas en config.yaml :

 social :
  - network : twitter
    link : " https://www.twitter.com/8bits "
  - network : facebook
    link : " https://www.facebook.com/8bits "
  - network : instagram
    link : " https://www.instagram.com/8bits "

Consulte config.yaml para obtener más ejemplos sobre parametrización de redes sociales.

Comentarios

Desarrollado por Disqus

 disqusShortname : " yourdiscussshortname "

Deshabilite el sistema de comentarios dejando params.disqusShortname vacío.

Google Analytics

 googleAnalytics : " UA-123-45 "

Deshabilite Google Analytics dejando params.googleAnalytics vacío.

¡Más configuraciones!

Vea la configuración completa en el archivo config.yaml.

Sitio de ejemplo

La carpeta exampleSite se basa en el ejemplo básico de Hugo y ofrece un sitio de ejemplo para este tema.

La carpeta exampleSite/content/ contiene lo siguiente:

• Una sección llamada /post/ con contenido de rebajas de muestra.
• Un about.md que está destinado a proporcionar la página /about/ para una demostración del tema.
• Un contact.md que está destinado a proporcionar la página /contact/ para un formulario de contacto.

Casi llegamos...

Para ver su sitio en acción, puede ejecutar el servidor local integrado de Hugo.

$ cd exampleSite
$ hugo server -t ../..

Ahora ingrese http://localhost:1313/ en la barra de direcciones de su navegador.

Despliegue

• Alojamiento en GitHub
• Más opciones de alojamiento e implementación

Contribuyendo

• ¿Encontraste un error?
• ¿Tienes una idea para una nueva característica?

Déjamelo saber usando el rastreador de problemas o hazlo directamente con una solicitud de extracción.

Licencia

Este tema y el marco que lo hizo posible se publican bajo la licencia MIT. Consulte la licencia marco original para obtener información adicional sobre la licencia.

Gracias

Gracias a Steve Francia por crear Hugo y la increíble comunidad en torno al proyecto. Y también gracias a BcRikko por crear este increíble marco nostálgico.