hugo 8bits theme

Thème Hugo 8 bits

Le thème Hugo 8-bits est basé sur le framework CSS de style NES développé par @bc_rikko.

Démo en direct

Informations sur le framework NES.css

Nom	NES.css
Description	Framework CSS de style NES
Designer	BcRikko
Version	2.3.0
Libéré	17 décembre 2019
Licence	Informations sur la licence

Installation

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

Plus d'informations : guide de configuration Hugo

Configuration

config.yaml

Multilingue

Vous pouvez afficher ou masquer le menu déroulant Langues depuis config.yaml :

 languagesMenuEnabled : true

Fil d'Ariane

Vous pouvez afficher ou masquer la page actuelle dans le fil d'Ariane à partir de config.yaml :

 breadcrumb :
  showCurrent : true

Chargeur de pagination

Vous pouvez activer ou désactiver le chargeur de pagination (bouton Charger plus) dans les pages de liste depuis config.yaml :

 pagination :
  loader : true

Le désactiver affichera le widget de pagination standard.

Arrière-plan

Vous pouvez définir un arrière-plan de thème en déposant simplement une image dans le dossier static/images/ et en tapant son nom dans le paramètre params.background.image . Vous pouvez également définir un effet de parallaxe et sa vitesse pour la section des publications.

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

Contact

Vous pouvez activer le formulaire de contact pour permettre aux visiteurs de vous envoyer des messages en utilisant un service de messagerie comme Formspree en ajoutant simplement l'URL d'action de votre formulaire de contact dans config.yaml :

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

Réseaux sociaux

Vous pouvez ajouter les noms d'utilisateur des réseaux sociaux actuellement pris en charge dans 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 "

Voir config.yaml pour plus d'exemples sur le paramétrage des réseaux sociaux.

Commentaires

Propulsé par Disqus

 disqusShortname : " yourdiscussshortname "

Désactivez le système de commentaires en laissant params.disqusShortname vide.

Google Analytics

 googleAnalytics : " UA-123-45 "

Désactivez Google Analytics en laissant params.googleAnalytics vide.

Plus de paramètres !

Voir l'intégralité de la configuration dans le fichier config.yaml.

Exemple de site

Le dossier exampleSite est basé sur Hugo Basic Sample et propose un exemple de site pour ce thème.

Le dossier exampleSite/content/ contient les éléments suivants :

• Une section appelée /post/ avec un exemple de contenu markdown.
• Un about.md destiné à fournir la page /about/ pour une démo de thème.
• Un contact.md destiné à fournir la page /contact/ pour un formulaire de contact.

Presque là...

Afin de voir votre site en action, vous pouvez exécuter le serveur local intégré de Hugo.

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

Entrez maintenant http://localhost:1313/ dans la barre d'adresse de votre navigateur.

Déploiement

• Hébergement sur GitHub
• Plus d'options d'hébergement et de déploiement

Contribuer

• Vous avez trouvé un bug ?
• Vous avez une idée pour une nouvelle fonctionnalité ?

Faites-le-moi savoir en utilisant le suivi des problèmes ou faites-le directement avec une pull request.

Licence

Ce thème et le framework qui l'a rendu possible sont publiés sous la licence MIT. Vérifiez la licence-cadre d'origine pour obtenir des informations supplémentaires sur les licences.

Merci

Merci à Steve Francia pour avoir créé Hugo et à la formidable communauté autour du projet. Et merci aussi à BcRikko pour avoir créé ce superbe cadre nostalgique.