Qu'est-ce qu'Hugo et comment ça marche ?

Si vous envisagez de créer un site Web simple et axé sur le contenu, vous ne voudrez probablement pas passer trop de temps à le coder. Cela peut être le cas si vous créez un site d'entreprise, un blog ou un portfolio personnel.

Les générateurs de sites statiques ciblent ces types de scénarios. Ils vous permettent de créer un site Web qui vous permet de vous concentrer sur votre contenu et sa conception.

Hugo est un exemple de générateur de site statique. Il prend en charge les thèmes, la création dans Markdown et d'autres avantages.

Qu'est-ce qu'Hugo ?

Hugo est un générateur de site statique qui vous permet de créer un site Web avec peu ou pas de code. Les générateurs de sites statiques vous permettent généralement d'écrire votre contenu dans un langage de balisage simple, comme Markdown.

Le générateur de site statique convertit ensuite votre contenu en fichiers HTML statiques. Il applique tous les modèles ou styles à vos pages avant de les proposer à l'utilisateur.

En utilisant Hugo, vous pouvez choisir parmi une bibliothèque de thèmes et de conceptions de sites que d'autres personnes ont déjà construits. Une fois que vous avez téléchargé un thème, vous pouvez commencer à écrire votre contenu. Hugo accepte différents formats pour que vous puissiez écrire votre contenu.

Que sont les thèmes Hugo ?

Vous pouvez consulter la liste des Thèmes Hugo pour en trouver un pour commencer. Vous pouvez également sélectionner un thème basé sur différentes catégories et filtrer les conceptions spécialement conçues pour les blogs, les portefeuilles, etc.

Vous pouvez cliquer sur un thème pour voir plus d'informations. Ici, vous pouvez télécharger le thème pour commencer à travailler dessus. Vous pouvez également prévisualiser à quoi ressemblerait le thème une fois que vous l'avez déployé.

La plupart des thèmes auront des données factices comme espaces réservés. Lorsque vous modifiez le thème, vous pouvez modifier ces détails comme bon vous semble.

Quelle est la structure d'un site Hugo ?

L'utilisation d'un thème vous permet d'ajouter votre contenu avec peu ou pas de modifications du code. Cependant, vous pouvez toujours plonger dans le code si vous souhaitez apporter des modifications à sa structure. Hugo utilise des modèles Go pour utiliser des variables et des espaces réservés dans vos fichiers HTML.

La création d'un projet Hugo sur votre ordinateur générera automatiquement les fichiers par défaut nécessaires au projet.

Les principales composantes du projet comprennent :

• archétypes: C'est ici que vous pouvez stocker des modèles qui peuvent définir n'importe quelle mise en forme ou des données supplémentaires pour chaque page. Lorsque vous créez une nouvelle page, elle sera basée sur un modèle.
• actifs: C'est là que vous pouvez stocker tous les actifs, tels que vos fichiers de feuille de style CSS.
• teneur: C'est ici que vous pouvez stocker le contenu de votre site Web. Vous pouvez stocker chaque page dans un fichier séparé. Par exemple, si vous créez un blog, vous utiliserez un fichier Markdown pour chaque article.
• mises en page: Ici, vous pouvez stocker de courts extraits réutilisables de code HTML, appelés shortcodes. Vous pouvez les utiliser dans vos fichiers de contenu.
• Publique: contient les fichiers et dossiers que vous pouvez télécharger et utiliser sur un serveur Web lors de l'hébergement de votre site.
• thèmes: Tous les thèmes que vous avez téléchargés depuis Hugo apparaîtront ici.

Quels sont les avantages d'utiliser Hugo ?

Comme Hugo est assez léger et génère des pages Web statiques, votre site Web final et son contenu peuvent se charger très rapidement. Cela signifie que les utilisateurs auront peu de temps d'attente lors de la navigation sur votre site.

Tout le contenu est statique et ne change pas une fois que l'utilisateur consulte la page. Par conséquent, vous n'avez pas à vous soucier des demandes constantes adressées à un serveur. Vous n'avez pas non plus à vous soucier des bases de données ou de la comptabilisation des données dynamiques.

Et vous n'avez pas besoin de compétences avancées en programmation pour pouvoir travailler avec un site Hugo. Cependant, puisque vous avez un accès direct au code, vous pouvez le personnaliser entièrement comme vous le souhaitez si vous le souhaitez.

Utiliser des générateurs de sites statiques pour créer des sites Web

Hugo est un excellent générateur de site statique qui convertit votre contenu en fichiers HTML simples. Vous pouvez utiliser un large éventail de thèmes et prévisualiser facilement votre site pendant le processus de conception.

Hugo fournit des composants réutilisables et une structure de fichiers standard pratique, entre autres avantages. Mais Hugo n'est qu'une option. Vous devriez continuer à rechercher d'autres générateurs de sites statiques que vous pouvez utiliser pour créer un site Web.

11 générateurs de sites statiques open source que vous pouvez utiliser pour créer votre site Web

Lire la suite

A propos de l'auteur